我那个“非科班”的网站，又“打磨”了一点点

大家好，我是大卫。

前两天分享了我的第一个网站，这两天我又对它做了一些完善。主要是两个小的更新，想和大家分享一下。

第一个更新：增加了深色与浅色模式

网站目前默认会“跟随系统”，也就是说，它会自动匹配你浏览器的颜色设置。比如，当浏览器为浅色模式时，网站整体会呈现为浅色调；切换到深色模式后，所有页面的色调也会随之改变，方便在不同光线环境下阅读。

这里有一个细节需要说明：在 Markdown 实时转换的预览区域，背景色保持了浅色。这是因为微信公众号的编辑器后台本身是固定的浅色主题，为了让预览效果和最终发布的环境保持一致，这个部分就没有做跟随切换。

以我之前的文章（保姆级教程）Gemini 免魔法方案二：部署到 Zeabur为例，给大家演示一下深色、浅色模式的切换。

另一个更新：优化了移动端的显示

现在当我们用手机或小尺寸设备访问网站时，页面的布局会自动进行调整，以适应不同的屏幕。无论是在 iPhone、Pixel 还是 iPad 上，都能获得比较舒适的浏览体验。

一个比较直观的改变是，为了让界面在小屏幕上更显简洁，顶部的导航栏会自动收起文字，只保留图标，为内容留出更多空间。包括封面生成、历史文章等主要页面的各个模块，也都做了相应的调整，确保在小屏幕上依然便于操作和阅读。

以前两天介绍这个网站的文章我不会编程，但我为自己做了这个“微信工具箱”为例，给大家演示一下移动端适配的效果。

今天主要就是和大家分享这两个小小的进展。谢谢大家。