使用 Hexo 搭建博客并且部署到 Heroku

发表于   |   分类于   |  

Hexo 基于 Node.js ，运行速度快，支持 Markdown ，支持插件扩展，可以方便地部署到 Heroku 。

快速开始

如果电脑已经具备安装条件，可以使用以下命令快速安装并且通过本地地址访问博客。

1
2
3
4
5
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

安装前提

安装 Hexo 之前需要安装 Node.js 和 Git 。如果是 Mac 用户，还需要到 App Store 安装 Xcode，安装完毕打开 Xcode 并且去到 Preferences -> Download -> Command Line Tools -> Install 位置安装 command line tools 。

安装

首先使用命令安装 Hexo ：

1
$ npm install hexo-cli -g

配置

接着创建一个新的博客目录：

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

运行以上命令之后，生成以下的目录结构：

1
2
3
4
5
6
7
8
.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes
  • _config.yml 配置文件
  • package.json 项目配置信息和依赖模块
  • scaffolds 文章模板
  • source 文章源文件
  • themes 主题文件

部署

  • 登录 Heroku
  • 创建新应用
  • 在 Settings -> Info 里面找到 Git URL ，就是下面将要用到的 repository url
  • 安装 hexo-deployer-heroku
1
$ npm install hexo-deployer-heroku --save
  • 修改 _config.yml 配置文件，将 repository url 替换为上面说到的 Git URL：
1
2
3
deploy:
  type: heroku
  repo: <repository url>

写博客

  • 创建文章：
1
$ hexo new "New Post"
  • 本地运行：
1
$ hexo server
  • 生成静态文件：
1
$ hexo generate
  • 部署到 Hero：
1
$ hexo deploy