Hexo 进阶之如何添加文章

前言

在前一篇文章中,我介绍了如何快速的安装并部署hexo并生成了一个简单的博客页面,接下来我讲介绍如何为其添加文章。

操作步骤

首先要介绍一下,hexo对markdown的支持特别的友好,这也是为什么我使用hexo来搭建自己博客的原因。

下面是我们安装hexo后生成的文件,其中介绍几个常用的。

1
2
3
4
5
6
7
_config.yml		整个站点的主配置文件
db.json
node_modules
package.json
scaffolds
source 所有需要的文章源文件都在这个目录下
themes 主题文件都存放在这里面

_config.yml

有关主配置文件的具体配置,官方文档给的相当清楚,请查看官方文档进行配置。配置文档

themes

如何配置主题,在官方文档也有,这里就不一一列举了。配置主题

下面说下如何更换主题,你只需要去网上将主题下载下来,并将解压后的文件夹放到themes目录下即可,之后在主配置文件_config.yml里面指明主题即可。

theme: icarus icarus为主题文件夹的名字

source

当然,这篇文章的重头戏就是我们的source文件夹了。

刚安装好的hexo,在source目录下会有一个_post目录,这就是我们存放文章的地方了。

里面默认会有一个hello-world.md,这就是我们刚安装好hexo后,默认的第一篇文章,可以将其删除。

文件的命名一定要符合规范,比如这篇文章是介绍如何安装nginx的那么就可以写成nginx-setup.md。

下面介绍一下Hexo解析的md文件的语法格式

内容大致分为三个主体:

第一部分是文章的属性:

示例

1
2
3
4
5
6
---
title: Nginx的安装与配置
date: 2016-07-12 10:09:41
categories: Nginx
tags: [nginx,nginx-setup]
---

title:这里是整个文章的标题
date:文章的日期时间,切记,一定要使用上面的格式
categories:这是文章的分类
tags:文章的标签

主要的就是这几个,不过,在特定的主题中,也可能会有特定的选项。

第二部分是文章的简介

示例

1
2
3
## 什么是Nginx
Nginx ("engine x") 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。
<!--more-->

简介是什么,简介就是出现在主页中的内容,如果不加入简介的话,那么整篇文章都会出现在主页。

第三部分就是文章的内容部分了

这部分没有什么好说的,直接使用markdown的语法就可以了。

PS:文件一定要是utf-8编码的,不然会乱码

效果展示

[root@node4 ~]# cd blog/source/_posts/
[root@node4 _posts]# rm -rf hello-world.md
[root@node4 _posts]# vim nginx-setup.md

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
---
title: Nginx的安装与配置
date: 2016-07-12 10:09:41
categories: Nginx
tags: [nginx,nginx-setup]
---

## 什么是Nginx

Nginx ("engine x") 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。
<!--more-->

## 安装步骤

#### yum安装即可

> [root@node4 ~]# yum install nginx -y

#### 启动服务

> [root@node4 ~]# service nginx start

整个文章大概就是这个样子了。

编辑完文章后,生成静态页面。注意:一定要进入blog目录,之后首先使用命令清除之前生成的,然后再重新生成。

[root@node4 ~]# cd blog/
[root@node4 blog]# hexo clean
[root@node4 blog]# hexo g

之后启动服务即可

[root@node4 blog]# hexo s -p 80

博客主页面

hexo-source

点击文章标题进入文章页面

hexo-source

分享到 评论