amp-gist

1.0 0.1

<script async custom-element="amp-gist" src="https://cdn.ampproject.org/v0/amp-gist-0.1.js"></script>

用法

创建一个 iframe 并显示 GitHub Gist。

以下示例展示如何嵌入多个文件

<amp-gist
  data-gistid="b9bb35bc68df68259af94430f012425f"
  layout="fixed-height"
  height="225"
>
</amp-gist>

以下示例展示如何嵌入单个文件

<amp-gist
  data-gistid="a19e811dcd7df10c4da0931641538497"
  data-file="hi.c"
  layout="fixed-height"
  height="185"
>
</amp-gist>

属性

data-gistid

要嵌入的 gist 的 ID。

layout

目前仅支持 fixed-height。

height

gist 或 gist 文件的初始高度（以像素为单位）。

data-file（可选）

如果指定，则只显示 gist 中的一个文件。

title（可选）

为组件定义一个 title 属性以传播到底层的 <iframe> 元素。默认值为 "Github gist"。

验证

请参阅 AMP 验证器规范 中的 amp-gist 规则。