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