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