使用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协议的特征，它每传送一个文件就需要一次握手，相对速度较慢。

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