使用Hexo在VPS上搭建静态博客

发表于 | 更新于

在博客搭好之后一直想找机会把建站的过程记录下来，既是为自己做个记录，也可以当个教程发篇博文→_→，今天周末刚好空闲下来，于是就有了这篇文章。

安装Hexo

安装hexo有个前提：

  • git
  • nodejs

如果您的电脑中已经装有上述两个必备程序，请直接看第3步

安装git

git的安装根据操作系统不同大致有以下几种方法：

windows：下载并安装git

mac：使用homebrew安装或者下载并安装程序： 

1
$ brew install git

ubuntu：

1
$ sudo apt-get install git-core

安装nodejs

鉴于前一篇文章已经简单的叙述了安装nodejs的方法，这里就不在赘述了，请移步VPS主机上安装node.js

安装Hexo

在上述两个程序安装完成后，即可安装hexo：

1
$ npm install -g hexo-cli

使用Hexo

安装hexo完成后，执行以下命令，将在<folder>文件下新建所需要的文件

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

hexo指令

下面列出一些我常用的hexo指令。引用于hexo官网文档。至于更改主题以及其他使用方法，相信度娘和谷哥一定能讲得比我清楚许多

init

1
$ hexo init [folder]

新建一个网站，如果没有设置folder，将在当前目录文件夹建立网站

new

1
$ hexo new [layout] <title>

新建一篇文章。如果没有设置 layout 的话，默认使用_config.yml 中的 default_layout 参数代替。如果标题包含空格的话，请使用引号括起来。

generate

1
$ hexo generate

生成静态文件

server

1
$ hexo server

启动服务器。默认监听端口为4000

clean

1
$ hexo clean

清除缓存文件 db.json 和已生成的静态文件 public

安装nginx

这里我选择使用nginx作为静态环境

  1. 安装：

    1
    $ sudo apt-get install nginx

  2. 启动：

    1
    $ sudo service nginx start

接下来更改nginx的网站根目录

  1. 打开配置文件

    1
    $ sudo vi /etc/nginx/sites-available/default

  2. 把root地址改为hexo里的public文件,保存退出

    1
    root /home/ubuntu/hexo/public;

  3. 重启nginx

    1
    $ sudo service nginx restart

到此为止nginx的默认根目录已经改成了hexo生成的静态public文件夹。以后发布新博文只需要把新的md文档传至hexo的_post的文件夹里，再用hexo g生成静态页面就OK了。这种上传文档的方法太low且繁琐了，所以我准备再研究一下用git部署到VPS，如果研究好了会再写一篇博文出来的，当然如果懒病犯了就懒得去研究了233。