为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

MYYA 2024-01-11 14:27:13
我正在使用Gatsby,希望我的网站能够识别AMP 网站。如何向标记添加强制 AMP 属性<html>?
查看完整描述

1 回答

?
繁花不似锦

TA贡献1851条经验 获得超4个赞

为了<html>使用 Gatsby 将强制 AMP HTML 属性添加到您的标记中,您可能需要:

  1. html.js通过将 克隆.cache/default-html.js到您的目录来自定义您的文件src/

    您可以通过运行下面的命令行来实现这一点;

cp .cache/default-html.js src/html.js
  1. 然后,添加amp=""到新创建的src/html.js文件中,如下所示;

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

除了上面的选项之外,您还可以通过简单地将下面的代码片段添加到您的gatsby-ssr.js文件中来实现相同的目的;

import React from "react"


// Adds an amp attribute to the <html> tag

export const onRenderBody = ({ setHtmlAttributes }) => {

  setHtmlAttributes({

    amp: ``,

  })

}


查看完整回答
反对 回复 2024-01-11
  • 1 回答
  • 0 关注
  • 61 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信