hexo-theme-aero-dual 安装与配置指南

最新推荐文章于 2024-08-28 09:38:16 发布

叶展冰Guy

最新推荐文章于 2024-08-28 09:38:16 发布

阅读量630

点赞数 5

本文链接：https://blog.csdn.net/gitblog_00912/article/details/141524375

版权

hexo-theme-aero-dual 安装与配置指南

hexo-theme-aero-dual项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-aero-dual

1. 项目目录结构及介绍

hexo-theme-aero-dual 是一款基于 Hexo 的响应式主题，设计上支持轻松切换暗黑与明亮模式。其主要目录结构如下：

hexo-theme-aero-dual/
├── _config.yml            # 主题配置文件
├── source                 # 样式和资源文件夹
│   ├── css                # CSS样式表，包含light和dark两种主题风格的CSS文件
│       ├── style-dark.styl
│       └── style-light.styl
├── layouts                # 页面布局文件
├── README.md              # 主题说明文件
└── ...

_config.yml : 主题的核心配置文件，用于自定义主题行为。
source/css : 包含两套风格的样式表，允许用户在亮色和暗色模式间切换。
layouts : 提供了网页的不同部分（如头部、主体、底部等）的布局模板。

2. 项目的启动文件介绍

本主题不直接涉及一个特定的“启动文件”以传统意义上的应用启动。但在Hexo框架中，博客的启动关键在于全局的Hexo配置文件和执行命令来预览或部署博客。

全局Hexo配置（_config.yml）

位于你的博客根目录下的_config.yml是控制Hexo整体行为的文件，包括主题的选择。当选择并启用aero-dual主题时，你会在此文件中找到或添加如下条目：

theme: aero-dual

主题配置（hexo-theme-aero-dual/_config.yml）

此外，主题自身的配置文件也至关重要，位于安装的主题文件夹内。它定义了主题特有的一些设置，如风格偏好、颜色选项等。

3. 项目的配置文件介绍

主题配置文件详解

_config.yml（位于主题文件夹）

这是主题内部的配置文件，包含主题的功能调整选项。一些重要配置项包括：

theme_style : 控制默认显示的风格（'light' 或 'dark'），用户需在此修改后重启服务器查看变化。
若要更改主题颜色，则需手动编辑样式的Stylus文件（位于source/css），特别是对style-light.styl或style-dark.styl中的变量进行调整，比如基本颜色和主题颜色变量。