博客系统搭了又拆，拆了又搭。
系统是有时候崩溃，有时候稳定运行好久。
框架也是换了又换，从最早的 wordpress 到后来用 hexo，到后面又自己用 express 搭了一个后台服务，用 Vue2 整了个前台。
后面服务又换成 egg.js，换成Nuxt.js，最后换成 Spring Boot。
终于我决定不鼓捣了，花样再多最后也是归于内容，这只是个内容展示平台罢了。
所以我决定翻新一下博客系统，并且后面不再投资时间做这个了。
需求很明确：
- 稳定运行
- 文章的增删改查方便、快捷
- 系统加载速度快
最后选择用 vitepress 搭建，简单用 Vue 写个首页。
搭建的过程比较顺利，vitepreess直接打包成html文件加载速度也是嗷嗷叫，并且纯纯的静态网页，只要是服务器不崩溃，估摸着问题不大。
但是在系统发版以后，发现有个问题，logo 丢了，连带着 favicon 也丢了。
给我整的一脸懵逼。
看了看打包完的文件，并不存在 logo.png 和 favicon.ico 文件。
但是使用 npm run docs:dev 启动系统后，logo 和 favicon都正常。
使用 npm run docs:preview 启动系统查看问题出在哪儿了，发现 logo 和 favicon 丢失。
猜想是是打包的时候，没有把 logo.png 和 favicon.ico 文件打包进去。
在 config.mts 文件中的logo 和 favicon 配置项为：
css
head: [
['link', { rel: 'icon', href: '/favicon.ico' }]
]
logo: '/logo.png',logo 和 favicon 的文件地址放在了 docs/.vitepress/logo.png 和 docs/.vitepress/favicon.ico 下。
遂迁移地址，将两个文件放在 docs/public/logo.png 和 docs/public/favicon.ico 下，打包后解决此问题。
Ps: 但是这里带来一个新的问题，就是 npm run docs:dev 的时候看不到 logo 和 favicon 了。暂时先这样吧，最起码打包以后的没问题。