本文以ubuntu系统为例:介绍个人站点的搭建过程
Node.js 安装
由于Hexo基于Node,所以需要先下载nodejs,nodejs可以去Nodejs官网下载最新的安装包安装(推荐)
当然也可以直接在shell中安装
$ sudo add-apt-repository ppa:chris-lea/node.js
$ sudo apt-get update
$ sudo apt-get install nodejs
nodejs安装完毕后会顺带有npm,在/etc/profile中配置nodejs和npm环境变量即可全局使用,安装hexo需要使用npm
Hexo安装
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
在安装之前
在终端输入以下命令
$ npm install -g hexo-cli
$ npm install hexo --save
安装完后建立一个自己存放博客的目录,如MyWeb,初始化hexo
$ cd MyWeb
$ hexo init
初始化完毕后输入
$ hexo g
$ hexo s
开启本地服务,即可在浏览器中输入http://localhost:4000看到生成的站点了。不过此时使用的是默认的主题,当然也可以更改主题,hexo提供了很多主题,可以访问hexo官网挑选自己喜欢的主题,我使用的是NexT主题,因为这款主题github start最多,简约大方。
按照Next的官方文档即可定制化你的个人站点。
当完成个人站点的定制后,便可以将静态网页发布至github pages。
github pages 使用
建立Repository
建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法
具体步骤可以参考http://www.cnblogs.com/lijiayi/p/githubpages.html
关联github pages
然后建立关联,MyWeb是我之前建的东西也全在这里面,有:
_config.yml node_modules public source
db.json package.json scaffolds themes
现在我们需要_config.yml文件,来建立关联,命令:
vim _config.yml
翻到最下面,改成我这样子的
deploy:
type: git
repo: git@github.com:zhangjianhao/zhangjianhao.github.io.git
branch: master
然后执行命令:
$ npm install hexo-deployer-git --save
$ hexo deploy
便可以将自己生成的静态文件上传至github了,以后每次修改完之后都需要执行一遍
$ hexo g
$ hexo deploy
当然在本地调试时可以使用
$ hexo s
来预览效果
绑定自己的域名
当完成个人站点的搭建后,可能想使用自己的域名,这时可以将自己的域名关联至xxxxxx.github.io
在你购买的域名解析服务里边添加一条CNAME记录
如下图:
随后在/MyWeb/source目录下新建CNAME文件,无后缀名
文件内容问你的域名,如:zjianhao.cn
然后 hexo g hexo deploy提交至github。
稍等几分钟便可以直接使用域名访问了。
以下是我的博客的访问效果: