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 規則。