三套预设
preset 是主题配置的第一项,也是整站视觉的总开关:
1 | preset: enterprise # 企业(默认,商务蓝) |
三套预设对照
| 预设 | 基调 | 典型场景 | 默认板块倾向 |
|---|---|---|---|
enterprise |
商务蓝 | 企业官网、科技公司 | 首屏 → 数据 → 业务 → 产品 → 新闻 → 团队 → 行动条 |
government |
中国红 | 政府门户、政务服务中心 | 首屏 → 快捷办事入口 → 数据 → 重点领域 → 通知公告 → 合排收尾 |
education |
学院青 | 学校、教育机构 | 首屏 → 常用服务 → 数据 → 教育教学 → 校园动态 → 名师风采 + 校园图库 |
预设不只是配色
换预设会同时改变配色基调、默认板块组合与文案语气。但预设只提供”默认值”——任何一项都能在配置里单独覆盖,所以三套预设可以互相取用(例如企业版式 + 学校配色)。
预设做了什么
1 | preset: government |
技术实现上,预设通过给 <html> 或 body 打上 preset-* 标记,由 style.css 里三组 CSS 变量分别接手;暗色模式下每组预设都有对应的深色适配,不需要你额外调色。
切换预设
站点根目录 _config.hexo-theme-xongyi.yml:
1 | preset: government |
改完重新构建:
1 | hexo clean && hexo generate |
直接改 themes/hexo-theme-xongyi/_config.yml 的 preset 字段。
这种方式在 git pull 升级主题时会被覆盖,仅建议在临时试验 / 本地预览时使用。
常见组合
| 你的需求 | 建议 |
|---|---|
| 科技公司 / 咨询公司 | enterprise,主色调成品牌色即可 |
| 政府门户 / 政务服务中心 | government,重点补 quicklinks(办事入口)与备案号 |
| 中小学 / 高校 | education,重点配 team(名师)与 gallery(校园风貌) |
| 想要企业版式但配色偏红 | preset: enterprise + 自定义主色令牌 |
完整整站示例
主题 examples/ 目录提供两套完整预设配置,直接覆盖即可获得一套可用的政务 / 校园官网:
| 文件 | 说明 | 内容 |
|---|---|---|
examples/config.government.yml |
政务版(XX 市政务服务网) | 品牌、导航、办事入口、重点领域、数据、联系方式、页脚 |
examples/config.education.yml |
教育版(XX 实验中学) | 校训、常用服务、办学数据、教育教学、名师、图库 |
详见预设示例。
评论