如何搭建github+hexo的静态博客?

发表于   |   分类于   |     |   阅读次数

前言

经过我的大量调研，最终决定以github pages + hexo来搭建博客，当然，你们也可以选择Jekyll，但是本篇只介绍如何用hexo来搭建博客。

github：如果你是个程序员，那么github应该不用我介绍太多，有不懂的可以自行Google，本篇就不做过多介绍了。
hexo：是一款基于node.js的快速、简单、强大的静态博客框架。
gitHub pages：是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在github 上，其有三个特点：免费托管、自带主题、支持自制页面。由于他的空间免费稳定，用来做搭建一个博客再好不过了。

此次教程分三大步骤：
一、github上新建仓库
二、配置环境、建立本地项目
三、域名指向

github上新建仓库

注册账号

打开github，自行注册。如果已经拥有账号可以跳过此步。

新建仓库





仓库创建完毕，github我们可以先搁置在这里，下面进行第二步。

配置环境、建立本地项目

此次搭建过程是在mac下进行的，如果你同样使用的是mac，那么请在电脑里安装homebrew。

搭建环境

安装git：如果你安装了homebrew，那么就可以在terminal中brew install git
安装node.js：同上，brew install node

也可以选择在官网下载：
Node.js 官网：http://www.nodejs.org/
Git 官网：http://git-scm.com

安装hexo

下载安装node.js，node.js安装后会自动带有npm包，现在我们可以通过npm去安装hexo了。

1
$ npm install hexo -g

安装好了之后，我们可以初始化一个

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

我们可以看到

INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

这时，我们可以在浏览器中访问http://localhost:4000/ 就可以看见我们本地的blog了。

新建文章

当我们想写一篇blog的时候，我们可以通过下面的指令

1
$ hexo new “如何搭建github-hexo的静态博客”

显示信息如下：

INFO Created: ~/yaulam.github.io/source/_posts/如何搭建github-hexo的静态博客.md

blog就可以在md的文件里进行编辑了，如下：

1
2
3
4
5
6
7
8
9
10
layout: poit
title: 如何搭建github+hexo的静态博客?
date: 2016-06-13 17:42:47
tags:
- hexo
- github pages
categories:
- Hexo
---
<!—-more—->

由于我们的blog要部署到github上，所以我们要将页面进行静态化

1
$ hexo generate

根目录下会生成public文件夹，里面就是刚才生成的静态文件
在把blog部署到github之前，我们还需要修改目录下的_config.yml文件
打开_config.yml找到如下配置：

1
2
3
deploy:
	type: git
	repo: https://github.com/username/username.github.io.git

注意：“：”后面有空格，不要忽略。

这里需要安装一个包：

1
$ npm install hexo-deployer-git —save

下面，我们可以回到目录执行

1
$ hexo deploy

这个时候，public目录下面的页面已经发布到github上了。

注：有些教程可能会在_config.yml中，做如下配置

1
2
deploy:
	type: github

hexo3.0后 github 一定要换成 git，不然会报ERROR Deployer not found : github

其实到了这一步，“username.github.io”就可以指向刚刚新建的页面了。当然你也可以购买域名，把域名指向你的blog。

域名指向

购买域名

首先你要有一个域名，你可以通过万网或者godaddy去购买你想要的域名。而我呢，就是在万网上购买的，那么我就会在万网管理界面找到我的域名。

解析域名

进入到解析的页面之后，点击添加解析，增加一个记录类行为CNAME的记录，主机记录就是你的域名，记录值就是你自己的站点，我的是yaulam.github.io.,请注意，io的后面一定要有“.”。

回到github，关联我们的域名

域名指向完毕，我们要在github上新建一个名为CNAME的文件，这时要进入你的blog所在的仓库，做如图操作：


警告: GitHub页面网站在互联网上是公开,即使其所属的仓库是私有的。 如果你有敏感数据在页面仓库中,您可能需要在发布之前删除他们。

这是我在github上面写的第一篇blog，希望可以帮助想同样用github＋hexo搭建博客的童鞋们。
如需转载，请注明出处：YauLam’s Blog，thank you~