在 Ghost 编辑器中设置自定义标志或变量答案

【问题标题】：Set custom flag or variable in ghost editor在 Ghost 编辑器中设置自定义标志或变量
【发布时间】：2016-04-26 23:25:49
【问题描述】：

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

编辑：我最终不得不使用不同的 CMS。 Ghost 的设计目的是为了简单，我的需求需要更多的自定义功能。

【问题讨论】：

【解决方案1】：

这是我一直试图弄清楚的事情，但是（对幽灵来说是新手），我还没有找到一个干净的方法来做到这一点。与 Wordpress 不同，编辑器中没有此字段（我检查了文档，没有类似的），因此您必须应用一些自定义解决方案。这里有两个选项：

如果您要应用的样式取决于标签，例如如果带有“电影”标签的帖子需要一些特殊的样式，您可以添加CSS，因为{{body_class}} 助手将所有标签添加到<body> 元素作为tag-classname，例如tag-movie.
如果标签不是您的选择，您可以使用客户端 JavaScript，检查内容中的某些条件并应用样式。当svg 徽标放置在恰好与徽标颜色相同的英雄图像上时，我使用它来更改其颜色。这要求帖子的英雄形象遵循一些 url 约定，例如post-heroimg3663-blue.jpg。然后您可以在<head> 中添加一些内联Javascript 来更改徽标的颜色。不太好，但应该可以。

更新：
如果第二个选项适合您，您甚至可以考虑创建一个 Handlebars 自定义助手并在服务器端运行任何样式（通过添加类）。

【讨论】：