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

Question

你好，很棒的人。

挑战

我正在尝试创建自定义Ghost主题，该主题支持Google的加速移动页面，即Google AMP，但我遇到了使用图片的特定自定义标记的问题。

Google AMP custom img tag

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

请注意 amp-img HTML标记。

可能的解决方案

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

Current Progess

到目前为止的进展情况见my GitHub project, Ampsper v0.0

Answer 1

新版本的ghost支持这个，但我不相信存在对此标记的支持我检查我的代码并找到这个

<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属性

Answer 2

解决方案

最后，Ghost release 0.10.0内置了AMP（Google Accelerated Mobile Pages）支持。

摘自Ghost's AMP Documentation：

  

a = 1 different_element = None my_list = fetch_list() b = my_list[0] - a for elem in my_list[1::]: if elem - a != b: different_element = elem print(different_element) 帮助程序需要包含在{{image}}标记中，并且必须提供width和height属性，并且仅适用于帖子图像。在放大器上下文中不支持<amp-img>，但仍可以在{{author.image}}块表达式中使用{{image}}帮助器。

以下示例：

对于后期图像：

{{#author}}{{/author}}

作者图片：

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