如何将强制 AMP HTML 属性添加到 HTML 标记

Question

I'm using Gatsby and would like have my website identified an AMP website .我正在使用Gatsby并希望我的网站识别为AMP 网站。

How do I add the mandatory AMP attribute to the <html> tag?如何将强制 AMP 属性添加到<html>标记？

Answer 1

In order to add the mandatory AMP HTML attribute to your <html> tag using Gatsby, you may want to:为了使用 Gatsby 将强制性 AMP HTML 属性添加到您的<html>标记，您可能需要：

Customise your html.js file by cloning the .cache/default-html.js to your src/ directory.通过将.cache/default-html.js克隆到src/目录来自定义html.js文件。
You can achieve that by running the command line below;您可以通过运行下面的命令行来实现；

cp .cache/default-html.js src/html.js

Then, add amp="" to the newly created src/html.js file as follows;然后，将amp=""添加到新创建的src/html.js文件中，如下所示；

<html amp="" {...props.htmlAttributes}>

Aside the option above, you can achieve same by simply adding the snippet below to your gatsby-ssr.js file;除了上面的选项，你可以通过简单地将下面的代码片段添加到你的gatsby-ssr.js文件中来实现相同的目的；

import React from "react"

// Adds an amp attribute to the <html> tag
export const onRenderBody = ({ setHtmlAttributes }) => {
  setHtmlAttributes({
    amp: ``,
  })
}

如何将强制 AMP HTML 属性添加到 HTML 标记

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-04-19 10:48:38

如何将强制 AMP HTML 属性添加到 HTML 标记

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-04-19 10:48:38

解决方案1
1 已采纳 2020-04-19 10:48:38