使用Hexo和GithubPage搭建个人主页

个人博客：http://lixiaohui.live

• 0. 说在前面的话（必看）
  • 0.1. 思路总览
  • 0.2. 需要的必备两个前提条件：
    • 0.2.0. NodeJS
    • 0.2.1. Git Bash
• 1. 第一次安装搭建Github Page
  • 1.1. 创建repository
  • 1.2. git clone你的博客项目地址
  • 1.3. 切换分支
  • 1.4. 安装hexo，以及相关扩展依赖
  • 1.5. 改变博客主题
  • 1.6. 修改_config.yml文件
    • 1.6.1. 修改主题
    • 1.6.2. 修改部署方式和部署目标
    • 1.6.3. 修改自己的个人信息
    • 1.6.4. 启用图片资源文件夹
  • 1.7. 编写第一篇博文
  • 1.8. 部署到github
  • 1.9. 将网站本体提交到Github。
  • 1.10. 此时可以在浏览器输入xiaohuilee.github.io来访问你的博客。
• 2. 在其他电脑上如何编写博客并保持同步。
  • 2.1. clone自己Github上的博客仓库
  • 2.2. 安装必备环境
  • 2.3. 正常博客书写发布流程即可。

0. 说在前面的话（必看）

0.1. 思路总览

使用hexo搭建Github page的思路如下：

其中我们把网站整个本体上传到xiaohuilee.github.io的hexo分支；由hexo生成的静态文件上传到master分支，hexo分支的内容用于维护Github Page本体，master分支的内容用于渲染Github Page。

0.2. 需要的必备两个前提条件：

0.2.0. NodeJS

hexo是基于Node搭建的一套轻网络框架，安装依赖包以及安装Hexo都需要用到node，为此Node是必须的。从官网下载并安装Nodejs，直接下一步即可。

0.2.1. Git Bash

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
Git is easy to learn and has a tiny footprint with lightning fast performance. It outclasses SCM tools like Subversion, CVS, Perforce, and ClearCase with features like cheap local branching, convenient staging areas, and multiple workflows.

下载链接在这里：

• windows
• mac
• 国内云盘下载(win/mac)

linux下的安装(引用自官方文档)：

Debian/Ubuntu
For the latest stable version for your release of Debian/Ubuntu

sudo apt-get install git

For Ubuntu, this PPA provides the latest stable upstream Git version

sudo add-apt-repository ppa:git-core/ppa 
sudo apt update;sudo apt install git

Fedora

yum install git (up to Fedora 21)
dnf install git (Fedora 22 and later)

Arch Linux

pacman -S git

1. 第一次安装搭建Github Page

1.1. 创建repository

在github建立一个名为username.github.io的repository。
其中username为Github账号名，比如我的是xiaohuilee.github.io。

1.2. git clone你的博客项目地址

git clone https://github.com/XiaohuiLee/xiaohuilee.github.io.git

1.3. 切换分支

进入clone的项目目录，注意此时是在master分支，而master分支平常放生成的博客页面，所以我们现在创建一个hexo分支，用来管理hexo相关文件。

git checkout -b hexo

1.4. 安装hexo，以及相关扩展依赖

建议把npm安装源改为国内的，淘宝就有提供，这样能提高安装速度。命令：npm config set registry https://registry.npm.taobao.org。

npm install -g hexo-cli

把当前文件夹的文件都移到外面去（包括.git仓库目录）

hexo init // 初始化

初始化完成后马上把文件移回来（一般只会有README.MD文件和.git目录）
注意：hexo init要求当前目录是一个空目录，否则git bash会报错。

npm install // 安装依赖
npm install hexo-deployer-git --save // 安装deployer扩展

1.5. 改变博客主题

我这里用的是：huno。

首先克隆huno的github仓库到本地。

git clone https://github.com/letiantian/huno.git themes/huno

1.6. 修改_config.yml文件

在根目录xiaohuilee.github.io下有配置文件_config.yml，里面存储的是Hexo的一些配置信息，使用vim _config.yml打开编辑。

1.6.1. 修改主题

找到theme一行，修改成如下：

theme: huno

注意theme:后面的空格不能省略。

1.6.2. 修改部署方式和部署目标

deploy:
type: git
repo: https://github.com/XiaohuiLee/xiaohuilee.github.io.git
branch: master

1.6.3. 修改自己的个人信息

此外其他相关配置信息都改成你自己的，比如author这些。

1.6.4. 启用图片资源文件夹

对于那些想要更有规律地提供图片和其他资源以及想要将他们的资源分布在各个文章上的人来说，Hexo也提供了更组织化的方式来管理资源。这个稍微有些复杂但是管理资源非常方便的功能可以通过将config.yml文件中的 post_asset_folder 选项设为 true 来打开。

当资源文件管理功能打开后，Hexo将会在你每一次通过hexo new [layout]