👋 本文章为我(XXG)原创，由于个人能力有限，此笔记可能会错漏、过时、或需要补充。
📖 笔记文章由于多平台发布，为了修改方便，可以参观我的博客：https://xxggg.github.io/
🚀 我会根据我的知识学习，持续更新、完善这些笔记。让它更加通俗易懂，少错误。
🐤 本文章对应博客里的：https://xxggg.github.io/Deploy/VitePress_favicon.html
最近用 VitePress 搭建博客
但是标签页没有图标...
官方文档也没有写在哪里设置...
连官方都没有图标..（当前：2022年7月1日）
一般网页的标签页图标都是放在默认index.html文件里的👇
<head>
<link rel="icon" href="/favicon.ico" />
</head>
但是写VitePress博客、VuePress博客是没有index.html的
只有打包好了会生成~
可以在打包好后加上去然后把这个包部署到GitHub Pages~
只不过如果你用了自动打包自动部署的脚本，这个方法就不好使了。
另一种方法👇
在docs/.vitepress/config.js配置中加入👇
export default{
//...
head:[
['link', { rel: 'icon', href: '/favicon.ico' }]
]
//...
}
然后把ico图标丢到 docs/public文件夹👇
这样就可以拉！
网友评论