幻梦主题的目录结构清晰、模块化程度高,方便开发者理解和定制。

核心目录

themes/illusion/
├── assets/
│   ├── css/           # 模块化CSS文件
│   └── js/            # JavaScript文件
├── layouts/           # 模板文件
│   ├── _default/      # 默认模板
│   └── partials/      # 组件模板
├── content/           # 示例内容
├── data/              # 数据文件
└── i18n/              # 国际化文件

CSS 模块化设计

CSS 被拆分为 11 个模块化文件,按功能划分:

assets/css/
├── _variables.css     # 设计令牌与色彩变量
├── _base.css          # 基础重置与排版
├── _layout.css        # 布局系统
├── _components.css    # 组件样式
├── _home.css          # 首页专属
├── _list.css          # 列表与分页
├── _pages.css         # 页面样式
├── _search.css        # 搜索组件
├── _theme.css         # 主题覆盖
├── _animations.css    # 动画
├── _chroma.css        # 语法高亮
└── _responsive.css    # 响应式

这种模块化设计使得维护和定制变得异常简单。