amp-gist
簡介
amp-gist
組件允許嵌入整個 gist 或單一檔案。fixed-height
版面配置是唯一支援的版面配置,且需要 height
屬性。您必須提供 gist 的實際高度,您可以在 gist 頁面上透過開發人員工具(例如 Chrome 開發人員工具)檢查元素來找到此高度。訪問 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 上編輯範例-
由 @levidurfee 撰寫