Hexo 主题 Yun 使用教程

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

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

hexo-theme-yun/
├── _config.yml
├── languages/
├── layout/
├── scripts/
├── source/
└── package.json

目录结构介绍

• _config.yml: 主题的配置文件，包含主题的各种设置。
• languages/: 存放多语言支持的文件。
• layout/: 存放主题的模板文件，定义了页面的布局。
• scripts/: 存放自定义脚本文件。
• source/: 存放主题的静态资源文件，如 CSS、JavaScript、图片等。
• package.json: 项目的依赖管理文件，包含项目所需的 npm 包。

2. 项目的启动文件介绍

Hexo 主题 Yun 的启动文件主要是 _config.yml 和 package.json。

_config.yml

_config.yml 是主题的核心配置文件，包含了主题的各种设置，如网站标题、描述、导航菜单、侧边栏配置等。以下是部分配置示例：

title: 我的博客
subtitle: 记录生活，分享技术
description: 一个简洁美观的 Hexo 主题
keywords: Hexo, 主题, Yun

package.json

package.json 文件定义了项目的依赖和脚本命令。以下是部分内容示例：

{
  "name": "hexo-theme-yun",
  "version": "1.0.0",
  "description": "A clean and elegant theme for Hexo.",
  "main": "index.js",
  "scripts": {
    "lint": "eslint --ext .js,.jsx --fix --ignore-path .gitignore .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "dependencies": {
    "hexo": "^5.0.0"
  }
}

3. 项目的配置文件介绍

Hexo 主题 Yun 的配置文件主要是 _config.yml。以下是一些常见的配置项介绍：

基本配置

title: 我的博客
subtitle: 记录生活，分享技术
description: 一个简洁美观的 Hexo 主题
keywords: Hexo, 主题, Yun

导航菜单配置

menu:
  Home: /
  Archives: /archives
  About: /about

侧边栏配置

sidebar:
  position: left
  display: always

社交链接配置

social:
  GitHub: https://github.com/your-username
  Twitter: https://twitter.com/your-username

通过这些配置项，可以自定义主题的外观和功能，使其更符合个人需求。