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

Set custom flag or variable in ghost editor

是否有任何简单的方法或帮助程序可以启用设置自定义变量标志的功能。例如,我可以在编辑器中将颜色变量设置为 "blue",然后我可以使用车把在 "blue" class 中添加一个元素 post.

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

这是我一直想弄清楚的事情,但是(作为 ghost 的新手),我还没有找到一种干净的方法来做到这一点。与 Wordpress 不同,编辑器中没有此字段(我已经检查过文档,没有类似的内容),因此您必须应用一些自定义解决方案。这里有两个选项:

  • 如果您要应用的样式取决于标签,例如如果 'movie'-tagged posts 需要一些特殊的样式,你可以只添加 CSS 因为 {{body_class}} 助手将所有标签添加到 <body> 元素作为 tag-classname,例如tag-movie.

  • 如果标签不是您的选项,您可以使用客户端 JavaScript,检查内容中的某些条件并应用样式。当 svg 徽标放置在恰好与徽标具有相同颜色的英雄图像上时,我使用它来更改它的颜色。这需要 post 的英雄形象遵循一些 url 约定,例如 post-heroimg3663-blue.jpg。然后你可以添加一些内联 Javascript 到 <head> 来改变标志的颜色。不太好,但应该可以。

    更新:

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