AMP
  • 網站

amp-gist

簡介

amp-gist 元件允許嵌入整個 gist 或單一檔案。fixed-height 版面配置是唯一支援的版面配置,且需要 height 屬性。您必須提供 gist 的實際高度,您可以在 gist 頁面上透過開發人員工具 (例如 Chrome Dev Tools) 檢查元素來找到此高度。請造訪 GitHub Gist 以建立 Gist。

設定

匯入 amp-gist 元件

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

基本用法

嵌入整個 gist。

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

選取特定檔案

使用 data-file 屬性嵌入 gist 中的一個檔案。data-file 屬性為選填。

<amp-gist data-gistid="a19e811dcd7df10c4da0931641538497" data-file="hi.c" layout="fixed-height" height="197">
</amp-gist>
需要進一步說明嗎?

如果此頁面上的說明未能涵蓋您的所有問題,請隨時與其他 AMP 使用者聯繫,討論您的確切使用案例。

前往 Stack Overflow
未說明的特色功能?

AMP 專案大力鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎您針對您特別熱衷的問題做出一次性的貢獻。

在 GitHub 上編輯範例