amp-snippets包

用于创建AMP HTML（动态移动页面）的片段。

由Nick Drewe及其团队创建，团队构建了wethrift.com和searchmy.bio。

• Wethrift在GitHub上的信息
• Wethrift开发资源和链接

安装

包控制（推荐）

安装的最简单方法是使用包控制。查看安装文档。

• 打开包控制（或按Ctrl + Shift + P或Cmd + Shift + P）
• 输入“安装”并按回车
• 输入“AMP Snippets”并再次按回车

克隆仓库

您可以通过使用Git手动安装此包。

• 导航到Sublime的包目录
• 运行git clone https://github.com/teamwethrift/amp-snippets.git

要找到包目录的位置，您可以去首选项和浏览包...。这将在文件资源管理器中打开该目录。

快速入门

amp-html提供必要的模板以便开始使用AMP。

扩展片段要求你在头文件中包含相应的<script>标签。这些片段以-script后缀结尾。例如，mustache片段（amp-mustache）与相应的amp-mustache-script片段一起使用。

片段

片段	描述
amp-accordion	折叠面板提供了一种让观看者快速查看内容大纲并跳转到任何部分的方法。
amp-ad	控件，用于显示广告。
amp-anim	一个运行时管理的动画图像，通常是一个GIF。
amp-audio	HTML5音频标签的替代品。
amp-carousel	适用于在水平轴上显示多个类似内容的通用轮播。
amp-facebook	显示Facebook帖子。
amp-facebook-video	显示Facebook视频。
amp-fit-text	自动调整字体大小，以适应给定空间内的内容。
amp-html	基础AMP HTML页面的模板。
amp-iframe	显示iframe。
amp-image-lightbox	允许使用“图片灯箱”功能。
amp-instagram	显示Instagram嵌入内容。
amp-install-serviceworker	为当前页面安装ServiceWorker。
amp-lightbox	允许使用“灯箱”或类似体验，用户交互后，组件会扩展以填充视口，直到用户再次关闭。
amp-list	从CORS JSON端点获取动态内容，并使用提供的模板进行渲染。
amp-mustache	允许渲染Mustache.js。
amp-pixel	amp-pixel元素旨在用作典型的跟踪像素 - 用于计算页面浏览量。
amp-soundcloud	显示Soundcloud剪辑。
amp-video	HTML5视频标签的替代品。
amp-youtube	显示YouTube视频。