利用GitHub Pages搭建Hexo静态博客教程

Written By Tomy Stark.
E-mail: ro7enkranz@qq.com
Ver 1.0.0

Note:

  • 转载请注明本文出处链接、作者

什么是 Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

搭建 Hexo 博客需要什么

  • Visual Studio Code(用于作为 Markdown 编辑器,由于内部集成了终端,非常方便,必备!)
  • Node.js(Node.js 版本需不低于 8.6,建议使用 Node.js 10.0 及以上版本)
  • Git(用于将编译好的 Hexo 静态博客文件部署到 GitHub Pages)
  • GitHub 帐号(帐号注册请自行完成,注册流程本文不做叙述)

Hexo Markdown 小技巧

1. Hexo 文章模板

打开并编辑 scaffolds/post.md

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
---
title: {{ title }}
date: {{ date }}
thumbnail: /images/flower.jpg
toc: true
categories:
- uncategorized
tags:
---

<!--more-->

<div style = "text-align: center; margin: auto; width: 100%;">

![Car](../images/Car.jpg)

</div>

打开并编辑 scaffolds/page.md

1
2
3
4
5
6
---
title: {{ title }}
date: {{ date }}
thumbnail: /images/flower.jpg
toc: false
---

2. 首页文章截断,显示 阅读更多 按钮

1
<!--more-->

3. 标题级别

1
2
3
4
5
6
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题