更新实在是太多了,以至于难以一一列举出来
简单列一下吧
2025.09.21总结
- 在
blog.yaml中新增了描述和时间 - 你可以在blog页面看到每一篇文章的时间
- 点击首页的卡片可以下滑
npm run deploy会先清除旧的产物- 重写sitemap,可以生成包含多个url的sitemap
- 解决了vercel博客文章url结尾不加斜杠就不能访问资源的问题
- 在生成sitemap的同时顺便更改404页面,实现自动跳转回到
404.html - 文章目录优化,展开目录只能点击右边的按钮了,展开的时候也不会跳转了
- 加了Google Search Console和Bing Webmaster Tools,应该能搜索到了……吧……(好像不太行
- 添加umami统计(分享链接),不过只添加了
forthezero.dpdns.org主站,不知道分站能不能统计进去(PS. 能的能的)
2025.11.22总结
- 新增更短的
ftz.is-a.dev域名,具体看另一篇博文 - 使用meta插件(
vite-meta-plugin.ts)和meta.yaml,同意添加meta标签 - 博客的html尽可能单行输出,但是code不折行(hljs用了
white-space: pre;搞得我一折行就把代码块也给我折了) - markdown-it上出现默认要两边空格,我给改回来了
- 手机没有concolas字体看起来难受就fallback了一个字体资源
src/_post/搬到了posts/,同时添加posts/draft/,运行npm run draft就能把草稿应用上去- 由于第三方库对ts支持不是很完善等原因,
md-processor.ts改成了md-processor.js - 打开博客文章加了个判断,具体看下面
- 把一些动态生成的内容在构建的时候写入了
- 刷新介绍页的句子按钮禁用
vite-head-plugin.ts,看下面- 文章章节目录高亮,滚动到哪里它和它的父层级就会亮起来,展开的话实现有点困难先没有做
- 修复了sitemap插件的bug,不然Google Search Console会报我网页自动重定向收录失败(PS. 服了还是不行)
- 修复
blog.static.yaml里面_other写成_others的问题,不然页面标题无法被应用上去 - 改了一下博客目录页顶上文字字体大小
- 添加随机博客功能,而且不是简单的点击后再跳转,而是修改
href实现的,也就是说你可以长按/右键按钮看到会把你带到哪里,通过三个事件的监听(hover mouseenter touchstart mouseup)触发对href的修改,每次鼠标划入/点击给你带到的页面都不一样,你还可以看到电脑左下角链接的改变和手机长安按钮显示的跳转链接改变,ctrl+click打开新标签页也能刷新随机文章 - 修改了一下选择文本时的字体颜色和背景颜色
重写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标签