定制指南

幻梦主题的设计充分考虑了可定制性,以下是一些常见的定制方法。

修改配色

通过覆盖 CSS 变量可以轻松修改主题配色:

:root {
  --c-primary-400: #YOUR_COLOR;
  --c-secondary-400: #YOUR_COLOR;
  --c-accent-400: #YOUR_COLOR;
}

自定义页面

数据驱动页面(首页、关于、友链、技能等)只需修改 data/ 目录下的 YAML 文件即可自定义内容。无需触碰任何模板文件。

添加新页面

  1. content/ 目录下创建新的 Markdown 文件
  2. layouts/ 目录下创建对应的模板文件
  3. i18n/ 目录下添加翻译文本

扩展功能

主题的 JavaScript 采用模块化管理器模式:

ThemeManager      → 主题切换
EffectsManager    → 粒子特效
AnimationManager  → 滚动动画
InteractionManager → 交互功能
EnhancementManager → 内容增强
UtilsManager      → 工具功能

可以根据需要添加新的管理器来扩展功能。