大版本更新
一口气全面统一博客样式,移除部分冗余导航页面,更专注内容展示。
不因虚度年华而悔恨,不因碌碌无为而羞愧
站点身份、个人资料、导航侧栏、动态配色——Shirone 的配置体系一次理清,理解覆盖规则后配置再也不是玄学。

Shirone 的所有配置都带完整中文注释,跟着注释改基本不会错。这篇讲清楚配置文件在哪、谁覆盖谁、以及最值得先改的几个文件。
主题源码的 src/config/*.ts 是全部配置的默认值,每个文件都有中文注释说明每个字段的含义。而采用双仓模式(内容分离)时,内容仓的 config/*.yaml 是覆盖层——同名文件里的字段会覆盖主题默认值,没写的字段自动继承默认。
1shirone-content-fq/config/site.yaml ← 你只写要改的字段2shirone-fq/src/config/siteConfig.ts ← 其余字段继承这里的默认站点标题、网址、语言、主题色都在这里:
1title: Fqzlr的博客 # 浏览器标签页与页脚显示的名字2siteUrl: https://blog.fqzlr.top/3locale: zh_CN # 界面语言,支持 10 种4primaryHue: 165 # 主题色相(HCT 色彩空间的色相值)primaryHue 是动态配色的核心:改一个数字,整站按钮、链接、高亮的颜色都会跟着变。可以多试几个值,0 是红、120 是绿、220 附近偏蓝、165 是本站选的青绿。
1name: Fqzlr2avatar: https://q1.qlogo.cn/g?b=qq&nk=QQ号&s=6403slogan: 躬身入局,挺膺负责4socialLinks: # 社交链接,图标需要主题已安装的图标集5 - name: GitHub6 url: https://github.com/你的ID头像可以是外链,也可以放进内容仓 assets/images/ 后用相对路径引用。
nav-bar.yaml 控制顶部导航显示哪些页面(首页、归档、友链、瞬间、番剧……),每个条目可单独开关sidebar.yaml 控制侧栏布局:单栏还是双栏、每个页面显示哪些挂件(个人卡片、公告、最新文章、标签云等),pages 过滤器能精确到”只在文章页显示目录挂件”这种粒度Shirone 遵循”零额外负担”原则:关闭的功能零请求、零 DOM、零代码体积。所以放心把用不到的功能关掉:
| 配置文件 | 控制什么 | 关掉后 |
|---|---|---|
comment.yaml | 评论区(Twikoo / Waline 等) | 文章页不渲染评论、不发任何外部请求 |
music.yaml | 侧栏音乐播放器 | 完全不出现在页面里 |
umami.yaml | Umami 访问统计 | 不加载统计脚本 |
anime.yaml | 番剧页 | 导航与页面都不生成 |
config/footer.html配置文件是构建时读取的,dev 模式下多数改动会热更新;如果发现没生效,重启 pnpm dev,仍不行就清一下缓存:
1pnpm content:sync # 先确保覆盖层编译进主题然后清 node_modules/.vite 与 .astro 目录再重启,这一招能解决九成”改了没反应”的问题。
生成精美分享图或复制链接,与更多人分享本文。
基于共同的标签与分类
从其他文章中稳定抽取
最后更新于 ,距今已过 71 天
部分内容可能已过时