利用hexo创建个人静态博客

贺祥 | 发表于 | 分类于
安装hexo及所需的环境

1.下载安装git
2.下载安装node
3.利用node附带安装好的npn命令安装hexo

1
npm install -g hexo-cli

4.安装部署插件 hexo-deployer-git。

1
npm install hexo-deployer-git --save

安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

1
2
3
$ hexo init <folder>
$ cd <folder>
$ npm install

5.你可以执行下列命令来创建一篇新文章。

1
$ hexo new [layout] <title>

6.更换主题

1
2
$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

7.自定义字体及样式
\themes\next\source\css_variables\custom.styl 中增加自定义字体及样式
下面是修改站点标题的

1
2
3
4
5
6
$font-family-logo =  Yesteryear
$logo-font-size = 26px
@font-face{
    font-family: Yesteryear;
    src: url('/fonts/Yesteryear-Regular.woff.ttf');
}

8.语言设置
hexo中设置language: zh-Hans #语言
next会自动去找翻译的中文

9.头像设置

1
avatar: http://avatar.csdn.net/D/6/D/1_dz_hexiang.jpg  #头像设置

10.站点普通设置
设置站点名字、描述、座右铭、等其他信息

1
2
3
4
5
6
title: Mr.HeXiang Blog
subtitle:  能够阻挡自己脚步的只有自己！
description: 除了奋斗，还是奋斗！唯有奋斗！
author: 贺祥
language: zh-Hans #语言
timezone: Asia/Shanghai #时区

11.添加标签

1
hexo new page tags

编辑站点的source/tags/index.md，Front-matter 中添加

1
2
3
4
title: tags
date: 2015-10-20 06:49:50
type: "tags"
comments: false

随后可以在其他文章Front-matter 中加入标签

1
2
3
4
5
6
7
---
title: 文章
date: 2017-11-23 18:52:54
categories:
- 前端
- Hexo
---

12.添加分类

1
hexo new page categories

编辑站点的source/categories/index.md， Front-matter 中添加

1
2
3
4
title: categories
date: 2015-10-20 06:49:50
type: "categories"
comments: false

随后可以在其他文章Front-matter 中加入分类

1
2
3
4
5
6
7
---
title: 文章
date: 2017-11-23 18:52:54
tags:
- 前端
- Hexo
---

12.添加404和关于

1
2
hexo new page 404
hexo new page about