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: Fqzlr
avatar: https://q1.qlogo.cn/g?b=qq&nk=QQ号&s=640
slogan: 躬身入局,挺膺负责
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.yamlUmami 访问统计不加载统计脚本
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,仍不行就清一下缓存:

Terminal window
pnpm content:sync # 先确保覆盖层编译进主题

然后清 node_modules/.vite.astro 目录再重启,这一招能解决九成”改了没反应”的问题。

Shirone 设置指南:把博客调成你的样子
https://blog.fqzlr.top/posts/tech/shirone-config/
作者
fqzlr
发布于
2026-08-10
许可协议
CC BY-NC-SA 4.0

分享文章

生成精美分享图或复制链接,与更多人分享本文。

继续阅读

沿着主题读

基于共同的标签与分类

换条路线

从其他文章中稳定抽取