湖南 · 衡阳 · 个人博客
你好，我是花城
在这里记录前端工程实践、静态站点架构与日常折腾。 这是一个纯静态的 Next.js 博客，内容写在 MDX 里， 后台用 TinaCMS 编辑，构建产物直接托管在全球 CDN 上。
- 篇文章
- 7
- 个标签
- 12
- 字内容
- 6.2k
最新文章
最近更新于 2026 年 10 月 3 日
全部文章
跳到正文
花城博客
外观设置
偏好保存在本机浏览器
主题
「跟随系统」会随着操作系统的深浅色设置切换
正文字号
同时影响全站界面尺寸
内容区宽度
阅读感受更紧凑，还是显示更多信息
壁纸
设为背景后，外壳会变成毛玻璃，让壁纸透出来
我的上传（0/12）
还没有上传过图片。上传成功后会出现在这里，点一下就切换过去。
「上传到仓库」会把图片提交到 public/uploads/，任何访客都能看到， 适合当站点壁纸；「只存本机」不会上传，只有你自己看得见。
强度调到最左等于关闭壁纸。上传到仓库的图片由 GitHub 保存， 会随仓库一起公开；只存本机的图片不会离开这台设备。
左侧导航宽度
当前 272px，也可以直接拖拽导航栏右边缘
站点默认值
写入仓库的 content/site-settings.json，对所有访客生效
当前设置与站点默认值一致。
访客自己改过的偏好会覆盖站点默认值，不会影响别人。 想直接改文件也行：编辑 content/site-settings.json 后 push。
互动统计后端
浏览量 / 点赞 / 评论的数据存在哪，由站点默认值决定
当前：只统计本机浏览器
访客看到的浏览量 / 点赞只是他自己浏览器里的记录，评论也留在本机。 想要全站真实数字与公开评论，部署 workers/blog-api（仓库自带，Cloudflare Worker + KV，免费）后把 content/site-settings.json 里的 interactions.provider 改成 "remote"、 并填上 interactions.apiBase。
它是站点级配置而不是访客偏好， 所以这里不给开关 —— 两边不一致的话，文章页（服务端渲染）和留言板 会显示出不同的东西。
偏好存储
访客偏好与站点默认值是两个独立的层
访客偏好（主题、字号、壁纸、侧栏宽度）存在浏览器 localStorage， 只影响你自己，换设备或清理缓存后会回到站点默认值。
站点默认值存在仓库的 content/site-settings.json，构建时注入 HTML —— 所以「站点默认深色」的首次访客也不会闪白屏。改它需要 GitHub Token。