入门指南 2025年12月5日 · 4 分钟
自定义配置
了解如何自定义主题、样式和功能配置
站点配置
编辑 src/config/site.config.ts 文件:
export const siteConfig = {
name: '你的站点名称',
description: '站点描述',
social: {
github: '你的 GitHub 地址',
email: '你的邮箱',
},
};
功能开关
编辑 src/config/feature.flag.ts 控制功能启用状态:
export const featureFlags = {
search: true, // 搜索功能
comment: false, // 评论(阶段二)
analytics: false, // 统计(阶段二)
};
样式自定义
- 全局变量在
src/styles/global.css中定义 - 使用 Tailwind CSS 原子类进行组件样式控制
- 站点固定为浅色外观:
global.css用@custom-variant dark把 Tailwind 的dark:变体改为基于.dark类,而全站不再有任何地方添加该类,深色样式因此不会生效
颜色变量
| CSS 变量 | 取值 |
|---|---|
--color-accent | #2563EB |
--color-page-bg | #FFFFFF |
--color-card-bg | #F9FAFB |
字体系统
- 正文:Inter
- 代码:JetBrains Mono
- 可在
global.css中替换为其他字体