在ghost编辑器中设置自定义标志或变量

时间:2016-04-26 23:25:49

标签: ghost-blog ghost

是否有任何简单的方法或帮助程序可以使功能设置自定义变量标志。例如,我可以在编辑器中将颜色变量设置为“蓝色”,我可以使用把手将“蓝色”类添加到该帖子中的元素。

编辑:我最终不得不使用不同的CMS。 Ghost故意变得简单,我的需求需要更多自定义功能。

1 个答案:

答案 0 :(得分:1)

这是我一直想弄清楚的,但是(对鬼来说是新手),我还没有找到一个干净的方法来做到这一点。与Wordpress不同,编辑器中没有这个字段(我已经检查了文档,没有类似的东西),所以你必须应用一些自定义解决方案。这有两个选择:

  • 如果要应用的样式取决于标记,例如如果'电影'标记的帖子需要一些特殊的样式,您只需添加CSS,因为{{body_class}}帮助器将所有标记添加到<body>元素tag-classname,例如tag-movie

  • 如果标签不是您的选择,您可以使用客户端JavaScript,检查内容中的某些条件并应用样式。当我将svg徽标放置在恰好与徽标颜色相同的英雄图像上时,我会用它来改变它的颜色。这要求帖子的英雄形象遵循一些网址惯例,如post-heroimg3663-blue.jpg。然后,您可以向<head>添加一些内联Javascript以更改徽标的颜色。不太好,但它应该工作。

    更新:

  • 如果第二个选项适合您,您甚至可以考虑创建一个Handlebars自定义帮助程序并在服务器端运行任何样式(通过添加类)。