如何写Hexo博客

发表于 | 分类于 |

前言

这是一篇备忘，用来记录Hexo博客从新建到完成的过程和其中涉及到的细节。

新建页面

在bash里输入以下代码，就可以看到在博客目录/_posts下出现你想要的页面了。

1
2
3
4
hexo new [layout] <title>

### example
hexo new "test"

编辑header

在\_posts下找到刚新建出来的文件，使用你喜爱的文本编辑器打开
大概长这样,被---框在中间

1
2
3
4
---
title: 'test'
date: 2017-05-13 13:27:14
---

可以加入tags和categories

1
2
3
4
5
6
7
8
9
---
title: 'test'
date: 2017-05-13 13:27:14
tags:
  - hexo
  - markdown
categories:
  - memo
---

如果你有评论区，可以把它关掉

1
2
3
4
5
6
7
8
9
10
---
title: ''
date: 2017-05-13 13:27:14
tags:
  - hexo
  - markdown
categories:
  - memo
comments: false
---

编辑内容

Hexo支持的博文使用markdown语法，这里就不再赘述，仅贴出一些特殊格式的代码示例。

列表

输入

1
2
3
4
5
6
 # 无序列表
- ha
- yo
 # 有序列表
1. yo
2. he

展示效果

  • ha
  • yo
  1. yo
  2. he

引用

1
> Hello, world!

Hello, world!

链接

行内式:比如上面链接的那个markdown

1
[markdown](http://wowubuntu.com/markdown/ "Markdown语法说明")

参考式：还是拿[markdown][1]举例吧。
[1]: http://wowubuntu.com/markdown/ “Markdown语法说明”

1
2
参考式：还是拿[markdown][1]举例吧。
[1]: http://wowubuntu.com/markdown/ "Markdown语法说明"  # 可以放在文章任意地方

或隐式参考: 就像这样[markdown][]
[markdown]: http://wowubuntu.com/markdown/ “Markdown语法说明”

1
2
或**隐式参考**: 就像这样[markdown][]
[markdown]: http://wowubuntu.com/markdown/ "Markdown语法说明"  # 同上

图片

一些图片my figure

1
一些图片![my figure](/imgs/avatar.jpg "我的头像")

同样也有参考式：![my figure][1]
[1]: /imgs/avatar.jpg “我的头像”

1
2
同样也有*参考式*：![my figure][1]
[1]: /imgs/avatar.jpg "我的头像" # 同样也可以放在文章任意位置, 当然，推荐放最后

Hexo的资源组织方式asset_folder

使用asset_folder可以更加直观清晰地对文件进行管理。

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

自定义draft

Other templates besides “draft” can be used when using the hexo new command. Look under the ./scaffolds/ folder and read the Hexo documentation on Scaffolds for more information.

Tips

  1. <!-- more -->：阅读全文功能
  2. 特殊引用

    What doesn’t kill you makes you stronger. 

    1
    {% cq %} What doesn't kill you makes you stronger. {% endcq %}

最后

得感谢一下z尼玛大力安利和技术支持:
z尼玛的博客

版权声明： 本博客所有文章除特别声明外，均采用CC BY-NC-SA 3.0 CN许可协议。转载请注明出处！