以任何方式分解HTML模式

Question

我的头衔并不出色，但我不知道该怎么说，我缺乏一些知识。如果你有更好的标题，请告诉我：）

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

我不使用原生的方式在我的博客中插入图片，也就是：

![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，可能还有更多），它可以发挥很多魔力。但我不知道该如何调用…

因此，如果你是这样的向导，并且知道实现这一点的方法，请告诉我：）

Answer 1

在应用程序出现之前，我真的不认为这在Ghost中是可能的

在此之前，我建议使用浏览器的某些扩展，可以是宏扩展，也可以是类似自动文本扩展器的扩展，它允许您定义自己的快捷方式。例如，您可以使用以下内容作为图形元素的扩展：

输入：!!

输出：

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