更换主题皮肤
# 下载到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前端下方添加-xxx,hexo不会产生两个分类,而是把分类嵌套(即该文章属于- 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 clean 和 hexo deploy,不如写个新的脚本
// package.json
"dev": "hexo s",
"build": "hexo clean & hexo deploy"
部署命令
npm run build
【参考】