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

瓦伦D

你好,好人。

挑战

我正在尝试创建一个自定义的Ghost主题,该主题支持Google的Accelerated Mobile Pages,即Google AMP,但是我面临一个用于图像的特定自定义标签的问题。

Google AMP自定义img标签

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

注意amp-img HTML标签。

可能的解决方案

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

当前进展

到目前为止的进展在我的GitHub项目Ampsper v0.0上

瓦伦D

解决方案

最后,Ghost版本0.10.0在系统中内置了AMP(Google加速移动页面)支持。

摘自Ghost的AMP文档

{{image}}助手需要被包裹在一个<amp-img>标签,并且必须提供宽度和高度财产,只为发表图片作品。{{author.image}}在amp上下文中不支持,但是{{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}}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将自定义Js添加到Wordpress主题

来自分类Dev

在Zend Framework 2中将自定义HTML添加到<head>标记

来自分类Dev

在Zend Framework 2中将自定义HTML添加到<head>标记

来自分类Dev

如何将自定义HTML标记添加到Visual Studio并避免出现波浪线

来自分类Dev

在WooCommerce中将自定义占位符添加到电子邮件主题

来自分类Dev

如何将自定义Bootstrap主题添加到Heroku?

来自分类Dev

将自定义主题变量对象添加到 createMuiTheme()

来自分类Dev

如何将自定义属性添加到传单0.7.7标记中?

来自分类Dev

如何将自定义图像标记添加到pagedown?

来自分类Dev

将自定义标记文字添加到Google Map

来自分类Dev

如何将自定义数据添加到标记(Google Maps API SWIFT)

来自分类Dev

如何将自定义EXIF标记添加到图像

来自分类Dev

如何将自定义属性添加到传单0.7.7标记中?

来自分类Dev

将自定义标头添加到“请求”

来自分类Dev

Hibernate将自定义前缀添加到目录

来自分类Dev

将自定义函数添加到类

来自分类Dev

将自定义类添加到引导按钮

来自分类Dev

将自定义键绑定添加到XCode

来自分类Dev

无法将自定义字体添加到Xcode

来自分类Dev

将自定义属性添加到Serilog

来自分类Dev

pyqt:将自定义列添加到QFileSystemModel

来自分类Dev

将自定义视图添加到警报视图

来自分类Dev

将自定义别名添加到.zshrc

来自分类Dev

将自定义标签添加到TIFF文件

来自分类Dev

将自定义代码段添加到emmet

来自分类Dev

将自定义Gradle插件添加到项目

来自分类Dev

将自定义数字添加到ggplot图例

来自分类Dev

将自定义属性添加到SimpleSAMLPhp

来自分类Dev

将自定义字段添加到Django admin

Related 相关文章

热门标签

归档