向Ghost或Ghost主题添加自定义HTML标记

Question

你好，很棒的人。

挑战

我正在尝试创建一个自定义幽灵主题，它支持谷歌的加速移动页面，即Google，但是我面临着一个用于图像的特定自定义标记的问题。

Google自定义img标签

<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800"></amp-img>

注意amp-img HTML标签.

可能解

我相信，为了为Ghost创建一个自定义HTML标记，我需要修改核心的“服务器”Ghost文件？

当前进程

到目前为止，我的GitHub项目，Ampsper v0.0已经取得了进展。

Answer 1

解决方案

最后，鬼版0.10.0有AMP (谷歌加速移动页面)支持内置到系统中。

鬼的AMP文档提取液

{{image}}助手需要包装在一个<amp-img>标记中，并且必须提供一个宽度和高度属性，并且只适用于post图像。在amp上下文中不支持{{author.image}}，但是{{image}}助手仍然可以在{{#author}}{{/author}}块表达式中使用。

举例如下：

关于贴图：

{{#post}}
    <amp-img src={{image absolute="true"}} width="600" height="400" layout="responsive"></amp-img>
{{/post}}

作者图片：

{{#post}}
  {{#author}}
    <amp-img src={{image absolute="true"}} width="50" height="50"></amp-img>
  {{/author"}}
{{/post}}

Answer 2

新版本的幽灵对此有支持，但我不相信存在对此标记的支持--我检查了我的代码并找到了以下内容

<figure class="post-image">
<amp-img src="http://www.hackemate.ninja/content/images/2016/08/pablo--4--min.png" width="600" height="400" layout="responsive"></amp-img>
</figure>

然而，我的正常主题在本节中有alt分布。