有什么方法可以分解 HTML 模式?
Ghost any way to factorize HTML patterns?
我的标题不是很好,但是我不知道怎么写,我缺乏知识。如果你有更好的标题,请告诉我:)
但问题很简单。让我告诉你这个故事。我用 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>
而且效果很好!我唯一担心的是我必须一直 copy/paste 这个,这有点乏味。
所以我想知道是否有任何方法可以定义一种函数或宏或其他任何东西,这样我只需要用一些参数(图像源、宽度、标题)调用它,它是自动替换为 HTML.
我知道 Ghost 背后有很多技术(Markdown、Handlebars,可能还有更多),而且它可以发挥很多作用。但我不知道如何调用它...
因此,如果您是这种奇才并且知道实现这一目标的方法,请告诉我:)
在应用程序出现之前,我真的认为这在 Ghost 中是不可能的。
在那之前,我会建议为浏览器使用一些扩展,宏扩展或类似 Auto Text Expander 的东西,它允许您定义自己的快捷方式。例如,您可以使用以下内容作为图形元素的扩展:
输入: !!
输出:
<figure>
<img src="<!--?atec?-->" alt="">
<figcaption>Caption</figcaption>
</figure>
我的标题不是很好,但是我不知道怎么写,我缺乏知识。如果你有更好的标题,请告诉我:)
但问题很简单。让我告诉你这个故事。我用 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>
而且效果很好!我唯一担心的是我必须一直 copy/paste 这个,这有点乏味。
所以我想知道是否有任何方法可以定义一种函数或宏或其他任何东西,这样我只需要用一些参数(图像源、宽度、标题)调用它,它是自动替换为 HTML.
我知道 Ghost 背后有很多技术(Markdown、Handlebars,可能还有更多),而且它可以发挥很多作用。但我不知道如何调用它...
因此,如果您是这种奇才并且知道实现这一目标的方法,请告诉我:)
在应用程序出现之前,我真的认为这在 Ghost 中是不可能的。
在那之前,我会建议为浏览器使用一些扩展,宏扩展或类似 Auto Text Expander 的东西,它允许您定义自己的快捷方式。例如,您可以使用以下内容作为图形元素的扩展:
输入: !!
输出:
<figure>
<img src="<!--?atec?-->" alt="">
<figcaption>Caption</figcaption>
</figure>