幻梦主题的目录结构清晰、模块化程度高,方便开发者理解和定制。
核心目录
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 # 响应式
这种模块化设计使得维护和定制变得异常简单。