Github+Hexo搭建博客

1.环境安装

工作环境:Windows、git 2.7

1.1安装git

到git的官方网站下载git的安装包’下载地址‘,然后按照提示进行安装。

git官网

1.2安装node.js

node.js下载地址

可以下载 node-v0.10.33-x64.msi

然后按提示进行安装

1.3安装Hexo

利用npm命令即可安装,在桌面任意位置单击鼠标右键,选择Git Base。

打开之后输入命令:

$ npm install -g hexo

2.配置GitHub

建立Repository

建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法。(我的已经添加过了所以有警告)

Create a new repository

3.配置blog

3.1安装blog

在电脑中建立一个名字叫「blog」的文件夹(比如我建在了D:\blog),然后在此文件夹中右键打开Git Bash。执行下面的命令:

$ hexo init

Hexo随后会自动在目标文件夹建立网站所需要的文件。然后按照提示,运行 npm install(在 D:\blog文件夹下)

$ npm install

会在D:\blog目录中安装 node_modules。

3.2启动blog服务

运行下面的命令(在 D:\blog下)

$ hexo server

表明Hexo Server已经启动了,在浏览器中打开 http://localhost:4000/ ,这时可以看到Hexo已为你生成了一篇blog。

你可以按Ctrl+C 停止Server。

3.3生成静态文件

执行下面的命令(简写方式:hexo g),将markdown文件生成静态网页。

$ hexo generate

该命令执行完后,会在 D:\blog\public\ 目录下生成一系列html,css等文件。

3.4部署到GitHub

部署到Github前需要配置_config.yml文件,首先找到下面的内容

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type:

然后将它们修改为

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: git@github.com:seathifwang/seathiefwang.github.io.git
  branch: master

repository需要替换成自己的地址。

运行下面的命令(简写命令:hexo d),将blog部署到github。

$ hexo deploy

4.配置域名

1、在source文件夹中新建一个CNAME文件(无后缀名),然后用文本编辑器打开,在首行添加你的网站域名,如 http://xxxx.com ,注意前面没有 http:// ,也没有www,然后使用hexo g && hexo d上传部署。

2、在域名解析提供商,下面以dnspod为例。

(1)先添加一个CNAME,主机记录写@,后面记录值写上你的http://xxxx.github.io

(2)再添加一个CNAME,主机记录写www,后面记录值也是http://xxxx.github.io

这样别人用www和不用www都能访问你的网站(其实www的方式,会先解析成 http://xxxx.github.io ,然后根据CNAME再变成 http://xxx.com ,即中间是经过一次转换的)。

上面,我们用的是CNAME别名记录,也有人使用A记录,后面的记录值是写github page里面的ip地址,但有时候IP地址会更改,导致最后解析不正确,所以还是推荐用CNAME别名记录要好些,不建议用IP。

3、等十分钟左右,刷新浏览器,用你自己域名访问下试试

5.附录

常用命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo clean #清除生成的静态页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

复合命令

hexo deploy -g  #生成加部署
hexo server -g  #生成加预览

命令的简写为:

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

主题推荐

Cover- A chic theme with facebook-like cover photo

Oishi- A white theme based on Landscape plus and Writing.

Sidebar- Another theme based on Light with a simple sidebar

TKL- A responsive design theme for Hexo. 一个设计优雅的响应式主题

Tinnypp- A clean, simple theme based on Tinny

Writing- A small and simple hexo theme based on Light

Yilia- Responsive and simple style 优雅简洁响应式主题。

Pacman voidy- A theme with dynamic tagcloud and dynamic snow