如何从链接中删除“使用create-react-app创建的”?

时间:2020-09-16 21:02:44

标签: javascript reactjs react-native create-react-app

我正在尝试将指向我投资组合的链接发布到linkedin上,并且始终以“使用react app创建的网站”作为描述来显示,这绝对看起来并不专业。它已部署在我的域中,但是有什么方法可以摆脱域链接上所有的create-react-app默认内容?

3 个答案:

答案 0 :(得分:1)

更改公用文件夹中index.html文件中的描述和标题,然后重新构建您的应用

  <head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
  name="description"
  content="Web site created using create-react-app"
/>
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700" rel="stylesheet">

<title>React App</title>

答案 1 :(得分:0)

您需要更改公用文件夹中的index.htm文件,标题和元标记将包含此默认标题。

答案 2 :(得分:0)

嗨,我最近今晚遇到了这个。

您需要将这些元标记添加到 index.html 的标题中 此外,图像大小应至少为 1200x627(根据链接 documentation

<head>
    <meta property="og:title" content="*TITLE*" />
    <meta property="og:image" content="%PUBLIC_URL%/linkedin.png" />
    <meta property="og:description" content="*DESCRIPTION*" />
</head>

如果您在 LinkedIn 识别新标题时仍然遇到问题,请再次插入 url,但在 url 末尾添加一个随机参数。

因此,如果您的网站网址是: https://www.example.com

尝试使用空参数再次添加链接: https://www.example.com?1

这应该会强制linkedin 拉取新的头部数据。