折腾博客和简云AI的一天
今天几乎全耗在了博客网站和简云 AI 的各种配置上。过程就像坐过山车，从自信满满到疯狂报错，再到最后看到页面一点点变好看，算是痛并快乐着。简单记录一下今天填过的坑。
上午：Cloudflare 内网穿透
早上的任务是写 Cloudflare Tunnel 的内网穿透教程。
原以为复制粘贴就能搞定，结果掉进了图片引用的无底洞。VitePress 的 Vite 插件报错报得我怀疑人生，一直提示找不到文件。
排查了半天才发现：
- 图片放在
public目录下，引用时不能带/public。 - 好不容易路径对了，结果发现文件夹里缺了
4.png，反而有个5.png，低级错误。 - 最后为了兼容标准 MD 语法和防止报错，干脆全改成了绝对路径。
折腾了一通，Windows 版和 Linux 版的教程总算是写完了。
下午：CSS 玄学
教程写完后，看着干巴巴的页面，强迫症犯了，开始折腾 UI 美化。
给正文里的图片加了“圆角”、“白底相框”和“悬浮阴影”。结果在暗色模式下，黑阴影直接和背景融为一体，悬浮感全无。
后来换成了 VitePress 的主题变量 var(--vp-c-brand-soft)，让图片在暗黑模式下悬浮时边缘亮起一层光晕，效果好了很多。最后又把圆角从 12px 调到了 20px，看着就像手机 App 的卡片了。
傍晚：简云导航页
接下来的重头戏是给简云 AI 做专属导航页。
那个 Logo 今天算是把我折磨坏了。一开始太大，后来又太小；为了去掉它外面的包裹感，最后动用了 !important 暴力覆盖。折腾到最后，终于在手机端和标题对齐了。
顺手还把侧边栏看着难受的“目录树”竖线砍了，优化了一下手机端的显示逻辑。
最后
最后把简云 APP 的下载指南和大模型配置教程补上了。为了避免打广告的嫌疑，把所有的厂商推广全删了，加上了一点卡片样式，排版清爽了不少。
今天写了大概几千字的教程，改了上百行 CSS。虽然嘴上一直吐槽太乱，但看到浏览器里渲染出的那个带点悬浮发光、还飘着几句繁体歌词的页面，还是挺有成就感的。