hexo常用配置

0x00 背景

接上一篇安装流程,这篇记录下具体文章配置,例如预览图,背景图,标签和简介等

0x01 front-matter例子

front-matter是文章的简介,加在md文档的最前面,用之前最好看看官方文档或者百度一下
下面提供一个常用的front-matter的例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
---  # 记得这三道杠也要加上
title: hexo自建经验1 # 这是简介标题
date: 2022-09-17 # 创建日期
updated: 2022-09-17 # 更新日期
tags: [博客,hexo] # 标签(详见下方)
categories: # 分类
- [博客]
- [hexo]
top_img: # 文章详情顶部照片
keywords: [博客,hexo,常用模板] # 关键词
comments: true # 是否显示评论
cover: imgs/0917.png # 首页显示的图片
description: 常用文章头模板 # 首页显示的简介
--- # 三道杠不要忘记了

0x02 图片

如果使用的图片不是外链而是本地图片的话需要在本地先将图片上传
首先在source路径下新建一个图片文件夹专门存放图片文件(绝对路径为/root/blog/source/imgs)

1
mkdir source/imgs

0x02 图片引用

在不同的地方照片的引用方式也不同
对于文章内部,可以使用以下格式

1
<img src="../../../../../imgs/yourFileName.png" alt="hexo" style="width:20%" />

当然还有其他方式,这里只说一个用着方便的,详情可以翻翻官方文档

对于front-matter,间接引用即可,详见0x01 cover的备注

0x03 生成标签

hexo框架内标签需要自己先生成标签目录

1
2
hexo new page tags
vim source/tags/index.md

然后将刚刚生成的index.md内容改为

1
2
3
4
5
---
title: 标签
date: 2022-09-05 00:00:00
type: "tags"
---

0x04 生成目录

目录的生成方式和标签基本一致

1
2
hexo new page categories
vim source/categories/index.md

还是修改index内容

1
2
3
4
5
---
title: 分类
date: 2022-09-05 00:00:00
type: "categories"
---