使用 Github Page + Hexo 搭建自己的博客

使用 Github Page + Hexo 搭建自己的博客

前言

Github Page 是 Github 提供的静态网站系统，而Hexo则是轻量级的博客框架。两者的组合可以很方便的搭建起自己的博客网站，并更新文章。

选择 Github Page

Github Page 有什么特点

• 配置简单
• 无需自己搭建服务器，无需购买域名
• 使用标记语言，比如 Markdown
• Github 限制每个站点只有 300M 空间，因为 Github 提供 Github Page 服务本意是提供一个能快速搭建更新的静态网站给用户介绍自己的项目
• 评论和分享等可以使用插件实现

安装准备软件

本机使用 window 10 操作系统，所有软件安装都是在 window 系统下。首先安装如下软件：

1. git 下载地址
2. node.js 下载地址

使用 Github Page 建立博客

在 Github 上注册账号，然后使用 Github Page 建立博客。
GitHub Pages 分两种，一种是使用 GitHub 用户名建立的 username.github.io 这样的用户&组织页（站），另一种是依附项目的 pages。
建立个人博客是用的第一种，建立域名为 username.github.io 的站点。

1. 在 Github 上建立仓库：
   登录 Github，在 Github 首页，点击页面右下角「New Repository」

1.png

2. 填写项目信息
   project name： username.github.io
   description： introduce your blog
   注：Github Pages 的 Repository 必须使用 Github 的账户名。

3. 点击「Create Repository」 完成创建。

2.png

安装、配置、使用 Hexo

1. 安装 Hexo
   打开 Git Bash, 使用 npm 安装。
   $ npm install -g hexo
   因为 npm 在国内不好用的原因，所有建议使用淘宝的源。
   $ npm install -g hexo disturl=http://registry.npm.taobao.org/mirrors/node --registry=http://registry.npm.taobao.org
   在这一过程遇到的其他问题可以参阅这篇文章 hexo博客搭建时遇到的一些问题

2. 部署 Hexo
   新建一个 ** hexo ** 文件夹，在 Git Bash 中进入 hexo文件夹，使用下面命令初始化 Hexo
   hexo init
   Hexo 随后会自动在目标文件夹创建网站的所有文件。
   目前，已经搭建起本地的 hexo 博客，执行以下命令，然后到浏览器输入 localhost:4000 就可以看到自己的博客网站了。
   hexo g
hexo d
   更多 hexo 命令和使用可以参看 Hexo 官网