Ghost 有什么方法可以分解 HTML 模式？答案

【问题标题】：Ghost any way to factorize HTML patterns?Ghost 有什么方法可以分解 HTML 模式？
【发布时间】：2015-12-05 17:02:00
【问题描述】：

我的标题并不出色，但我不知道确切地说，我缺乏一些知识。如果你有更好的标题，请告诉我:)

但问题很简单。让我告诉你这个故事。我用Ghost 写博客，和我们大多数人一样，我在我的博客中放了一些图片。

我不使用native way 在我的博客中插入图片，也就是：

![Ghost Logos](https://ghost.org/assets/logos.png)

这样做限制性太大，不允许您添加标题或更改图像宽度。相反，我直接编写 HTML，它看起来像这样：

<figure>
<img src="https://ghost.org/assets/logos.png" alt="Ghost Logos" width="80%"/>
<figcaption>Here come the logos</figcaption>
</figure>

而且效果很好！我唯一担心的是我必须一直复制/粘贴，这有点乏味。

所以我想知道是否有任何方法可以定义一种函数或宏或其他任何东西，这样我只需要使用一些参数（图像源、宽度、标题）调用它，它就会自动替换通过 HTML。

我知道 Ghost 背后有很多技术（Markdown、Handlebars，可能还有更多），而且它可以发挥很多神奇的作用。但我不知道如何调用它...

因此，如果您是这种向导并且知道实现此目标的方法，请告诉我 :)

【问题讨论】：

【解决方案1】：

在应用出现之前，我真的不认为 Ghost 可以实现这一点。

在此之前，我建议为浏览器使用一些扩展程序，可以是宏扩展程序，也可以是 Auto Text Expander 之类的东西，它允许您定义自己的快捷方式。例如，您可以使用以下内容作为图形元素的扩展：

输入： !!

输出：

<figure>
    <img src="<!--?atec?-->" alt="">
    <figcaption>Caption</figcaption>
</figure>

【讨论】：