Hexo 主题 Light 使用教程-优快云博客

Hexo 主题 Light 使用教程

hexo-theme-lightA simple theme for Hexo项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-light

1. 项目的目录结构及介绍

Hexo 主题 Light 的目录结构如下：

hexo-theme-light/
├── _config.yml
├── layout/
│   ├── _partial/
│   │   ├── footer.ejs
│   │   ├── header.ejs
│   │   └── ...
│   ├── archive.ejs
│   ├── index.ejs
│   ├── page.ejs
│   ├── post.ejs
│   └── ...
├── source/
│   ├── css/
│   │   ├── style.styl
│   │   └── ...
│   ├── js/
│   │   └── ...
│   └── ...
└── ...

目录结构介绍

_config.yml: 主题的配置文件。
layout/: 存放页面模板文件。
- _partial/: 存放页面的部分模板，如页眉 (header.ejs) 和页脚 (footer.ejs)。
- archive.ejs: 归档页面模板。
- index.ejs: 首页模板。
- page.ejs: 页面模板。
- post.ejs: 文章模板。
source/: 存放静态资源文件。
- css/: 存放样式文件，如 style.styl。
- js/: 存放 JavaScript 文件。

2. 项目的启动文件介绍

Hexo 主题 Light 的启动文件主要是 layout/ 目录下的模板文件。以下是一些关键的启动文件：

layout/index.ejs: 首页模板文件，用于生成网站的首页。
layout/post.ejs: 文章模板文件，用于生成单篇文章页面。
layout/page.ejs: 页面模板文件，用于生成自定义页面。

这些模板文件通过 EJS 模板引擎渲染，结合 source/ 目录下的静态资源文件，生成最终的网页。

3. 项目的配置文件介绍

Hexo 主题 Light 的配置文件是 _config.yml，该文件包含了主题的各种配置选项。以下是一些常见的配置选项：

# 菜单配置
menu:
  Home: /
  Archives: /archives
  About: /about

# 侧边栏小组件配置
widgets:
  - tag
  - footer

# 是否在 head 标签中添加 <meta name="robots" content="noindex">
noindex: false