为了建立博客，无意中看到 hexo 好评很多，就找来别人的成功经验，自己搭建基于 Github 的博客了～

以下是自己建立博客的过程。

原料

  • Github.com 的注册账号
  • 本地 node 环境
  • 本地 hexo 模块
  • 本地 Markdown 编辑器

建立 Github 仓库

登录（Github）建立仓库（Repository），仓库命名使用 xxuyou.github.io 。

荆秀网

  • 标记1：仓库命名
  • 标记2：建立 Node 文件过滤器和指定协议

仓库建立好了之后，离开 Github，接下来的步骤在本地笔记本上操作。

至于仓库为啥一定要那样命名，我也不知道，这不是重点，总之先做出来再说。

全局安装 hexo 模块

1
npm install hexo -g

噼里啪啦一通下载和安装之后，hexo 会安装到默认目录，并自动建立软连接，然后就可以在命令行里面直接用 hexo 来操作了。

初始化博客项目

在本地合适的目录内，运行：

1
2
3
4
5
# 官网示例
hexo init [folder]
# 我的脚本
hexo init blog

这样会在当前目录下建立 [folder] 目录，并在其内部初始化代码结构。

另外，手工建立 blog，进入 blog 后直接运行 hexo init 也可以初始化代码结构。

然后，博客就建立好了。。。立好了。。。好了。。。了。。。

立即预览

终端保持在 blog 目录根下，运行：

1
2
3
hexo generate
# 或者
hexo g

会自动生成全部静态文件到 public 目录，然后再运行：

1
hexo server

这样即可在本地建立一个简单的 WebServer 来预览博客了，访问地址是：http://127.0.0.1:4000 。

当 WebServer 运行中，需要停止的话，需要按 Ctrl + C 或者 Control + C 结束。

配置参数

hexo 参数配置是在根目录下的 _config.yml ，根据需要修改相应的值即可。

详细的参考文档见：Docs

部署到 Github

接下来在 _config.yml 的 deploy 块增加部署参数：

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

我本地配置了 SSH 密钥，因此可以直接使用 hexo deploy 命令更新