amp-gist
描述
创建一个 iframe 并显示 GitHub Gist。
必需的脚本
<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 文件的初始高度（以像素为单位）。
您应该通过使用浏览器（例如，Chrome 开发者工具）检查 gist 来获得其高度。一旦 Gist 加载，其中包含的 iframe 将调整大小以适合，以便其内容可以适应。
data-file (可选)
如果指定，则仅显示 gist 中的一个文件。
title（可选）
为组件定义一个 title 属性，以传播到底层的 <iframe> 元素。默认值为 "Github gist"。
验证
请参阅 AMP 验证器规范中的 amp-gist 规则。
需要更多帮助？
您已经阅读此文档十几次了，但它并没有真正涵盖您的所有问题？也许其他人也有同样的感觉：在 Stack Overflow 上与他们联系。
前往 Stack Overflow 发现错误或缺少功能？AMP 项目强烈鼓励您的参与和贡献！我们希望您成为我们开源社区的持续参与者，但我们也欢迎您为特别感兴趣的问题提供一次性贡献。
前往 GitHub