基于Hexo+oschina的pages服务搭建个人博客

hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku,oschina上。
由于github博客在国内访问非常慢而且经常不稳定,百度爬虫也无法抓取github博客内容,所以这里使用码云oschina的pages服务搭建博客。

Quick Start

依赖环境配置,此处以mac系统为例

1
2
3
4
5
6
7
brew install git        #Mac电脑使用brew安装git
brew install node #Mac电脑node.js环境安装

node -v #使用以下命令验证是否安装成功

brew install yarn #优化版的npm包管理器

git操作及配置github的ssh秘钥设置看这篇文章

nodejs环境安装以及yarn安装详细配置看这篇文章


Hexo安装与设置

1.nodejs、yarn、git都安装成功后, 开始安装hexo

1
2
3
4
5

yarn global add hexo #使用yarn全局安装hexo

hexo --version #信息正常输出则表示安装完成

2.hexo构建博客项目

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

hexo init <项目名称> #在工作目录下,执行命令初始化hexo项目

hexo g == hexo generate #生成构建项目

hexo s == hexo server #启动服务预览项目

hexo d == hexo deploy #部署项目

hexo s --watch #开发模式下使用,启动服务并监视文件变动

hexo g -d #构建项目完成后,部署项目

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面

初始化hexo项目后的目录为:
hexo项目目录


创建码云账号及项目配置

1.首先注册一个码云账号,配置git的ssh秘钥,这个配置不属于本章节内容,如有疑问可参考 [git秘钥生成与配置] () 教程。

码云平台下新建项目

2.开启pages服务
创建项目成功后,点击菜单栏的Pages,码云默认的Pages服务分支是master,但是你也已选择创建自己的分支,这里我的博客项目的静态页面分支是master,选择master并点击启动服务。

码云平台下开启pages服务


最后将hexo项目连接到码云oschina平台

1.安装hexo-deployer-git插件帮忙我们完成代码上传的工作

1
2
3

yarn add hexo-deployer-git --save #将插件安装到项目

2.配置项目根目录下的_config.yml文件,修改deploy的值,如下图

修改_config.yml文件的deploy值

修改后,注意repo的地址是之前码云新建的git项目地址,如下图

修改_config.yml文件后

3.完成配置后,上传项目

1
2
3

hexo g -d #一键部署到码云

至此,博客已经部署成功,访问提供的地址:http://cuizhenjie.oschina.io 即可查看到我的博客。