返回列表
入门指南 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 中替换为其他字体