自 我们在 10 月份宣布 AMP 开发人员预览版以来,已有 5,200 多名开发人员参与了该项目,并且每天都会创建 16,000 多个新的 AMP 页面。
为了让加入 AMP 作者社区变得更加容易,我们最近对 ampproject.org 进行了扩展,增加了新编写的新文档,目的是帮助您快速学会编写 AMP 页面。
最重要的是,我们要感谢您提供的早期反馈。您在 AMP HTML 源代码存储库 中提出的请求和在 Stack Overflow 中提出的问题帮助我们弄清了哪些文档是最需要的,我们将继续使用这些资源来编写更多文档。
继续阅读以详细了解我们如何构建该网站、文档中的新增内容、我们在创建自己的 AMP 页面时学到了什么,以及您如何继续帮助保持这一势头。
我们如何构建该网站
在撰写有关 AMP 的内容时,我们意识到测试我们对 AMP 工作原理的了解和假设的最佳方法之一就是使用 AMP 在 AMP 中实现该网站。底层代码的优点在于,它使用最佳 Web 开发实践为这个更新的网站生成了 AMP HTML 内容。
作为该项目的技术撰稿人,我的主要重点是创建内容。Google 开发者倡导者 Paul Bakaus 创建了 文档网站代码,该代码 使用模板和预处理,以便我尽可能轻松地专注于编写文档。
想深入了解一下我的意思吗?查看我们关于 AMP 页面的 markdown。现在右键单击并查看 ampproject.org 中此页面上的源代码,以查看 AMP 页面的生动示例。
我们学到了什么
在 AMP 中构建网站后,我们了解了成为 AMP 页面创建者真正的感受。作为早期的 AMP 页面创建者,我们参与帮助该项目发展。开始创建 AMP 页面很容易,但你仍然可能会发现你需要的东西仍在开发中,例如,amp-analytics。
你可能还会遇到我们这些从事 AMP 项目的人之前没有考虑过的事情。例如,如何在没有 JavaScript 的情况下在 AMP 页面中创建响应式汉堡包菜单?我们在此功能请求中对此进行处理!
文档中的新增内容
通过我们的文档扩展,我们希望构建一个指南,以便任何以前制作过网络内容的人都可以在一小时内启动并运行 AMP。如果你了解基本的标记,那么学习如何创建你的第一个 AMP HTML 页面很容易。
易用性是我最喜欢的 AMP HTML 之一。它可以设置你的页面样式、控制布局、验证你的 AMP 内容以及让你的页面可被发现。
该ampproject.org网站还直接从AMP 规范中提取参考文档,以便参考始终是最新的。在新的一年里,还会有更多文档。
除了有关分析和获利的新操作指南外,我们还添加了展示如何创建和测试 AMP 组件的文档,其他开发者可以在其 AMP 页面中重复使用这些组件。
帮助我们!
我们同舟共济。AMP 项目(包括 AMP 文档)是一项社区工作。我们欢迎您在文档问题跟踪器中提供反馈。更重要的是,我们希望您提供贡献。amproject.org 文档是开源的。向我们发送拉取请求。您还可以分叉文档并使用它们来开始您自己的 AMP 网站。
AMP 首席技术撰稿人 Meggin Kearney 发帖