893 字
4 分钟
Shirone 设置指南:把博客调成你的样子

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