hexo的使用教程

By AYE 0

更换主题皮肤

# 下载到themes文件夹下
git clone https://github.com/KevinOfNeu/hexo-theme-xoxo themes/xoxo

# 修改 _config.yml 配置
theme: xoxo

新建文章

// [layout] 为布局,可选项为 `post`、`page`、`draft`,这将决定文章所在文件路径。
// <title> 为文章标题
// 如 hexo new post 除了帅气,我还有啥!
hexo new [layout] <title>

分类

生成“分类”页并添加 tpye 属性

在项目文件下打开命令行,执行命令

hexo new page categories

成功后会提示:

INFO  Created: ~/Documents/blog/source/categories/index.md

根据上面的路径,找到index.md这个文件,打开后默认内容是这样的:

---
title: 文章分类
date: 2017-05-27 13:47:40
---

添加type: “categories”到内容中,添加后是这样的:

---
title: 文章分类
date: 2017-05-27 13:47:40
type: "categories"
---

保存并关闭文件。

给文章添加 “categories” 属性

打开需要添加分类的文章,为其添加 categories 属性。
下方的 categories : web前端 表示添加这篇文章到 “web前端” 这个分类。

注意:hexo 一篇文章只能属于一个分类,也就是说如果在 - web前端 下方添加 -xxxhexo 不会产生两个分类,而是把分类嵌套(即该文章属于 - web前端 下的 -xxx 分类)。

---
title: jQuery对表单的操作及更多应用
date: 2020-05-14 12:00:00
categories: 
- web前端
---

至此,成功给文章添加分类,点击首页的分类可以看到该分类下的所有文章。
当然,只有添加了 categories: xxx 的文章才会被收录到首页的 分类 中。

标签

生成“标签”页并添加tpye属性

在项目文件下打开命令行,执行命令

hexo new page tags

成功后会提示:

INFO  Created: ~/Documents/blog/source/tags/index.md

根据上面的路径,找到index.md这个文件,打开后默认内容是这样的:

---
title: 标签
date: 2017-05-27 14:22:08
---

添加type: “categories”到内容中,添加后是这样的:

---
title: 文章分类
date: 2017-05-27 13:47:40
type: "tags"
---

保存并关闭文件。

给文章添加 “tags” 属性

打开需要添加分类的文章,为其添加 tags 属性。
tags 下方的: jQuery 就是这篇文章的标签了 。

---
title: jQuery对表单的操作及更多应用
date: 2020-05-14 12:00:00
categories: 
- web前端
tags:
- jQuery
- 表格
- 表单验证
---

至此,成功给文章添加标签,点击首页的 标签 可以看到该标签下的所有文章。
当然,只有添加了 tags: xxx 的文章才会被收录到首页的 标签 中。

部署优化

每次都要执行 hexo cleanhexo deploy,不如写个新的脚本

// package.json
"dev": "hexo s",
"build": "hexo clean & hexo deploy"

部署命令

npm run build

【参考】

Hexo使用攻略-添加分类及标签

为Hexo blog博客创建本地搜索引擎

hexo折腾记录