小战·6 小时前 置顶今天的有趣事情折腾博客和简云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 的下载指南和大模型配置教程补上了。为了避免打广告的嫌疑，把所有的厂商推广全删了，加上了一点卡片样式，排版清爽了不少。
