博客装修2026-08

最近博客修改了不少东西，记录一下

技术栈

「React」+「Shadcn-ui」+「Astro」+「TailwindCSS」

从Solidjs修改为React，cc一键自动改的，毫无问题，主要原因还是AI时代，都用vb coding了，那么生态好才是最合适的，想要什么特效什么轮子react都没问题
那么对应的solid-ui也修改为Shadcn了
Astro从5升级为7，也是cc一键完成的，包括对应的TailwindCSS4，以及React等等

一直以来我对首页的样式都不太满意，慢慢调整之后，现在终于好看很多了

包括标题和标题下方的阅读时间，分类，标签，这些元信息，重写了样式

修改了一下原来目录的位置，现在的更加合适些

这是改动相当大的地方

原理是，将md源文件的图片下载下来，经过处理（webp等）后复制到public中，并替换md源文件里的图片地址

其中下载下来的图片，可以用Build caching来缓存，不然每次都下载转换太慢了

这样好处就是隐藏了图片源地址，并且压缩了图片体积

同理，OG图我也用这个缓存的方式跳过了构建

引入了Lightbox预览图片，效果还不错，图片默认显示是webp，点击之后用Lightbox打开是原图

一直以来都预留了黑夜模式的css，现在改成这样刚刚好

使用霞鹜文楷，总是觉得默认字体不够和谐，以前有改过字体，但觉得没必要（当时觉得加载速度优先）

参考了这里用AI重写了移动端导航栏

优化了Breadcrumb，之前的不够协调，可用性也不大

从右上角时间标志点进去，看着别人博客都有那我也上一个吧，就是以前记录的不全

算是个人觉得蛮有趣的地方，我弄了几个小彩蛋，欢迎来寻找

我应该不会开源了，毕竟有了AI，想要的样式可以很随意的改

这次博客的改动我还觉得满意，无论是样式还是功能性上都比之前要强太多，如果喜欢的话欢迎和我交流