使用Hexo搭建博客

前言

折腾博客挺多次了,现在决定使用Hexo搭建博客。
Hexo的好处有很多:

  • 自支持markdown语法
  • 存储本地文件
  • 可以启动本地服务查看效果
  • 支持多种部署方式

Hexo简介

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

Hexo安装

最基础的需要安装Node,这里就不多说了。安装完node后然后执行以下命令:

1
npm install -g hexo-cli 

安装依赖包之后,新建博客目录并且初始化Hexo
1
2
3
md HexoBlog
cd HexoBlog
hexo init

创建博客

我们可以创建一篇博客

1
hexo new "文章标题"

会在 ‘source/post’生成一个md文档,使用你自己喜欢的md编辑工具打开,就可以编辑了,直接编写markdown语法的博客。

启动本地服务

使用以下命令即可启动本地服务,或者简写为 hexo s

1
hexo server

生成静态网页

执行以下命令生成静态页面,或者简写为 hexo g

1
$ hexo generate

Hexo部署

Hexo支持多种部署方式,git、Heroku、Rsync、FTPSync。
这里我采用的是FTPSync,因为我的虚拟主机支持FTP的形式上传文件。
安装FTPSync插件:

1
npm install hexo-deployer-ftpsync --save

首先是配置_config.yml中的部署配置:
1
2
3
4
5
6
7
8
9
10
deploy:
type: ftpsync
host: <host> //主机名
user: <user> //ftp账户名
pass: <password> //ftp账户密码
remote: [remote] //远程目录
port: [port] //远程ftp端口
ignore: [ignore] //忽略的文件或目录
connections: [connections] //使用的连接数 ,默认为1
verbose: [true|false] //显示调试信息

配置完以上信息后,执行部署命令,或者简写为hexo d
1
hexo deploy

FTP部署可能出现的问题
您可能需要预先通过其他方式将所有文件上传到远程主机中。否则初次使用ftpsync插件就可能出现报错。另外,由于FTP协议的特征,它每传送一个文件就需要一次握手,相对速度较慢。

这样就能把你本地生成的网页部署到服务器了,确实简单又方便!