Contents
  1. 1. hexo简介
  2. 2. 搭建hexo博客
    1. 2.1. 安装hexo
    2. 2.2. 本地测试hexo
    3. 2.3. 部署到GitHub
      1. 2.3.1. 创建github pages仓库
      2. 2.3.2. 部署
    4. 2.4. 更换主题
    5. 2.5. 换域名
  3. 3. 分享一个音乐

hexo简介

hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。作者是来自台湾的少年。

搭建hexo博客

由于本人是linux系统,所以以下操作都是在linux环境下的,Windows,Mac原理一样,操作略有区别。(Windows下推荐Zippera’s blog,写的很不错)。

安装hexo

安装方法官方文档有详细说明。其中git安装不会有什么问题,但是安装Node.js时,作者推荐用nvm(Node Version Manager)来安装,问题就出在这儿…由于身在天朝的原因,下载安装时会出现问题,我是用VPN解决的。安装完git和Node.js后,就可以安装hexo了,也是一键安装(如果提示缺少npm就先安装npm):

1
$ npm install -g hexo

本地测试hexo

安装完成后,为便于管理,在根目录下创建名为hexo文件夹,执行init命令可让hexo自动为我们创建所博客所需要的所有文件

1
2
3
$ hexo init hexo
$ cd hexo
$ npm install

接着在hexo文件夹下执行

1
2
$ hexo genereate
$ hexo server

然后可在浏览器中输入localhost:4000查看本地页面,不出意外的话,一开始看到的都是这样的(默认是landscape主题)默认主题

部署到GitHub

创建github pages仓库

参考GitHub Pages官方说明创建仓库,以我为例,用户名ckjoker,仓库名字ckjoker.github.io,创建完成后部署的任务就完全交给hexo了

部署

在hexo文件夹下,用编辑器打开文件_config.yml,找到

1
2
deploy:
type:

修改为

1
2
3
4
deploy:
type: github
repo: https://github.com/CKJOKER/ckjoker.github.io.git
branch: master

然后再执行生成部署命令(要在hexo文件下执行):

1
2
$ hexo genereate
$ hexo deploy

注意:如果你还修改了 _config.yml文件中的其他属性,像titile,author之类的,一定要确保冒号后面的空格,格式很严格,必须是只有一个,半角,这是yml语法。不注意的话会产生HexoError。详情查看Hexo常见问题解决方案
这时浏览器输入github pages 地址就可以看到自己的博客了(文章第一篇默认为Hexo生成的HelloWorld),第一次看到还真有点小激动…

更换主题

默认的landscape个人感觉毫无个性-。-于是换了个主题,当前博客主题是iceman,GitHub上有很多hexo主题,相应的安装方法也都有说明,换个主题so easy~

换域名

唔…想要博客看起来更个性一点,没有自己的域名怎么行,都说dot.tk还不错,重点是除了特殊域名外都是免费~,反正目前还没想到什么个性的域名,找个免费的先用用也没什么坏处。firefire.tk就是你了…(小苹果洗脑~)

分享一个音乐

这几天看LPL看的兴起啊,为了测试hexo的音乐分享功能,分享一首LPL的BGM。

Contents
  1. 1. hexo简介
  2. 2. 搭建hexo博客
    1. 2.1. 安装hexo
    2. 2.2. 本地测试hexo
    3. 2.3. 部署到GitHub
      1. 2.3.1. 创建github pages仓库
      2. 2.3.2. 部署
    4. 2.4. 更换主题
    5. 2.5. 换域名
  3. 3. 分享一个音乐