Hexo编写文章

编写文章

命令方式

1
hexo new test

此时会在source/_posts目录下生成test.md文件,输入些许内容,然后保存.

直接方式

source/_posts/下新建一个.md文件也可

为文章贴标签

配置确认

  • 确认站点配置文件有
1
tag_dir: tags
  • 确认主题配置文件有
1
tags: tags

新建tags页面

1
hexo new page tags

此时会在source/下生成tags/index.md文件

修改source/tags/index.md

1
2
3
4
title: tags
date: 2019-11-15 10:54:26
type: "tags"
comments: false

为新建文章打标签

在文章xx.md中添加

1
2
3
tags:
- 标签名 1
- 标签名 2

多个标签可按上面的格式添加。

其文件头部类似:

1
2
3
4
5
title: 新建文件名
date: 2019-11-15 10:54:26
tags:
- 标签名 1
- 标签名 2

为文章分类

配置确认

  • 确认站点配置文件打开了
1
category_dir: categories
  • 确认主题配置文件打开了
1
categories: /categories

新建categories文件

1
$ hexo new page categories

此时会在source目录下生成categories/index.md文件

修改categories/index.md

1
2
3
4
title: categories
date: 2019-11-15 10:54:26
type: "categories"
comments: false

为新建文章分类

在文章xx.md中添加:

1
2
categories: 
- 分类名

其文件头部类似:

1
2
3
4
title: 新建文件名
date: 2019-11-15 10:54:26
categories:
- 分类名

文章中插入图片

绝对路径

当Hexo项目中只用到少量图片时,可以将图片统一放在source/images文件夹中,通过markdown语法访问它们。

1
![](/images/image.jpg)

图片既可以在首页内容中访问到,也可以在文章正文中访问到。

相对路径

图片除了可以放在统一的images文件夹中,还可以放在文章自己的目录中。文章的目录可以通过配置_config.yml来生成。

1
post_asset_folder: true

_config.yml文件中的配置项post_asset_folder设为true后,执行命令$ hexo new post_name,在source/_posts中会生成文章post_name.md和同名文件夹post_name。将图片资源放在post_name中,文章就可以使用相对路径引用图片资源了。

1
![](image.jpg)

上述是markdown的引用方式,图片只能在文章中显示,但无法在首页中正常显示。

如果希望图片在文章和首页中同时显示,可以使用标签插件语法。

1
{% asset_img image.jpg This is an image %}

附加Tip

若文章内容过长,可在xx.md中添加代码隐藏剩余内容,如下

1
<!--more-->
-------------本文结束感谢您的阅读-------------