设置
先决条件
在开始本教程之前,你需要以下条件
- HTML、CSS 和 JavaScript 的基本知识
- 对 AMP 核心概念的基本理解(请参阅“将你的 HTML 转换为 AMP”教程)
- 你选择的可以检查 JavaScript 控制台的浏览器
- 你选择的文本编辑器
设置你的开发环境
步骤 1. 下载代码
将教程的示例代码下载为 ZIP 文件或通过 git 下载
git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git
解压存档文件(如果需要),并通过计算机上的命令行导航到项目目录
cd accelerated-mobile-pages-advanced
项目目录包含几个示例资源文件和起始 article.amp.html
页面。
步骤 2. 运行示例页面
要测试示例 AMP 页面,我们需要从 Web 服务器访问这些文件。有几种方法可以创建用于测试的临时本地 Web 服务器。这里有一些选项,选择最适合你的一个
注意 – 强烈建议你在生产环境中使用 HTTPS。HTTPS 除了安全性之外,还有一些好处,包括 SEO。你可以在这篇 Google Webmaster 博客文章中阅读更多关于此主题的信息。
设置好本地 Web 服务器后,请在浏览器中通过 此 URL访问示例文章
https://127.0.0.1:8000/article.amp.html