返回介绍

常见问题

发布于 2021-04-22 14:22:45 字数 1049 浏览 959 评论 0 收藏 0

替换 favicon

替换 favicon, 建议使用 Favicon Generator 生成你想要的 favicon

在 docs 目录下,新建 _components 文件夹,创建 Icon.jsx 文件,复制以下源码,可将系统默认的 favicon 替换成 docs/images/xxx

<link rel="apple-touch-icon" sizes="180x180" href={relePath(props.distPath, 'images/apple-touch-icon.png')} />
<link rel="icon" type="image/png" sizes="32x32" href={relePath(props.distPath, 'images/favicon-32x32.png')} />
<link rel="icon" type="image/png" sizes="16x16" href={relePath(props.distPath, 'images/favicon-16x16.png')} />
<link rel="manifest" href={relePath(props.distPath, 'images/manifest.json')} />
<link rel="mask-icon" href={relePath(props.distPath, 'images/safari-pinned-tab.svg')} color="#5bbad5" />

引入 js 和 css

配置如下:

{
  "pluginsConfig": {
    "import-asset": {
      "css": ["custom.css"],
      "js": ["custom.js"]
    }
  }
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文