个人网站更新!
C
W

更新实在是太多了,以至于难以一一列举出来

简单列一下吧

总结

2025.09.21 总结

2025.11.22 总结

2026.1.2 总结

上次总结之后就埋头苦干肝别的项目去了,展示放着,做完之后回过头来做这个

重写sitemap

原本的是用vite-plugin-sitemap,但是它生成的sitemap不仅只能有一个链接,还有很多其它项,时间是生成的时候,更新频率是每天……太离谱了我看不惯,虽然可以配置但是太麻烦了,于是找ai生成了一个新的sitemap插件

404

首先sitemap会把所有域名写入404.html,在访问的时候先识别当前处于那一个域名,找到了域名之后如果不是在哪个域名的404.html本体,就直接跳转

打开博客文章加了个判断

vite的router和vercel等平台不一样,部署后用起来是正常的,但是用vite的开发服务器的时候就不正常

在这里,netlify是自动url末尾加上斜杠的,vercel加不加都行,但是我配置了自动重定向为加上斜杠的,vite开发服务器却又不能再url后面加上斜杠,所以你会发现从文章页点击返回会回到首页(部署版本不会这样)

其实这个我懒得管

也就是说,我在开发服务器点进文章还要手动改一下url,于是我就加了一个判断,检测是本地服务器就在生成文章列表的时候在url末尾去掉斜杠

head plugin

添加了一个vite-head-plugin.ts,用来自动嵌入head标签

可以拿来添加umami统计,前面那个umami是我手动往每个html加上的,有点麻烦,所以直接搞了个插件自动加进去

还可以用于Google Search Console和Bing Webmaster Tools,我搞了ftz.is-a.dev域名,不想麻烦管理员加上cdn记录,改用head方式,这个插件可以单独为首页增加额外的head标签

评论区

评论区用的是Giscus,其实改起来很简单,模板哪里添加一个<div class="giscus"></div>,然后想要加上评论区的时候往vite.config.tsmarkdownBlog插件的inject参数添加Giscus的script标签

网上的教程都说,把script标签放在你想要显示评论区的位置即可,但其实Giscus写了这么一段话:

你可以在嵌入的页面中使用 .giscus 和 .giscus-frame 选择器来自定义容器布局。

也就是说,我直接利用之前写的head注入插件不就行了,省下一点功夫

(缺点就是开发服务器没有显示评论区,因为注入是构建产物才家的,因为考虑到了umami)