盒子
盒子
文章目录
  1. 为何放弃jekyll选择Hexo
  2. 简单的命令
    1. 安装
    2. 初始化
    3. 本地运行
    4. 发布

使用Hexo搭建自己的博客

为何放弃jekyll选择Hexo

A fast, simple & powerful blog framework —— Hexo官网

之前的博客用jekyll做的博客,也写过一篇搭建jekyll博客的文章Jekyll 搭建静态博客。好久没更新了,现在因为一些原因闲了下来,决定把博客好好写写,所谓破而后立,工作接触最多的是Node,也早就听说了Hexo的大名,所以重新用Hexo把整个博客重新搭了一遍。

简单的命令

Hexo的命令很简单,就像其他基于node的项目一样,小而美。

安装

首先安装Node.js, Git 这两项必须的依赖,我的电脑里早就有的,pass。
然后使用npm安装hexo-cli Hexo 的脚手架。

1
$ npm install -g hexo-cli

初始化

具体介绍看这里
安装好后就可以先简单搭个Demo实验一下了

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

安好后的目录是这样的结构

1
2
3
4
5
6
7
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

package.js中内容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
package.json
{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"hexo": {
"version": ""
},
"dependencies": {
"hexo": "^3.0.0",
"hexo-generator-archive": "^0.1.0",
"hexo-generator-category": "^0.1.0",
"hexo-generator-index": "^0.1.0",
"hexo-generator-tag": "^0.1.0",
"hexo-renderer-ejs": "^0.1.0",
"hexo-renderer-stylus": "^0.2.0",
"hexo-renderer-marked": "^0.2.4",
"hexo-server": "^0.1.2"
}
}

本地运行

这个时候我们可以运行

1
hexo server

然后使用浏览器访问localhost:4000就能看到我们的博客主页了,默认的是landspace主题。

创建新文章可以运行

1
$ hexo new [layout] <title>

生成静态页面,运行

1
$ hexo generate

清除缓存文件(db.json)和生成的文件(public)可以使用

1
$ hexo clean

发布

最后我们可以发布了,发布前要做些准备工作,在根目录下的_config.yml中配置做如下配置

1
2
3
4
5
6
7
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git
repository: git@github.com:ZZR-china/zzr-china.github.com.git
branch: master

并运行

1
npm install hexo-deployer-git -save

然后就可以开心的发布了!

1
hexo deploy -g ##发布前生成静态目录

现在访问zzr-china.github.com就能看到我们的demo。

支持一下
扫一扫,支持wind
  • 微信

  • 支付宝