前言

  关于个人博客搭建，目前比较流行的解决方案有：

  • WorkPress：需要购买独立域名和空间
  • Ghost：非常好用，但是需要租服务器，需要在个人服务器上托管Ghost程序
  • Github Pages + Jekyll：免费，但是个人角色Jekyll用起来麻烦
  • Github Pages + Hexo：免费，使用相对简单

之所以选择Github Pages+Hexo搭建新博客，主要原因有：

  • 免费，使用Github Pages托管自己的博客，不需要自己租赁服务器；使用Github Pages提供的免费域名，不需要自己购买域名
  • 快速，使用Hexo可以快速生成所需的静态文件
  • 方便，配合git使用，只需要一个命令就能将博客部署到github上
  • 支持Markdown
    hexo+github pages

    hexo+github pages

本篇博客使用的系统为windows10

Github Pages

简介

  Github Pages是Github官方提供的免费静态网站托管服务，用起来方便而且功能强大，不仅没有空间限制，还提供了一个免费域名供用户使用用户名.github.io，用户如果有需要还可以绑定自己的域名。

使用

使用Github Pages，需要先注册一个Github账号，然后创建一个名称为xxx.github.io的repository，这里的xxx为你的Github用户名

CGNz.github.io

CGNz.github.io

Git

下载安装

为了将本地静态博客推送到Github上，我们需要在我们的电脑上安装Git。由于众所周知的原因，直接在官网上下载Git速度很慢，推荐在Git国内下载站下载。
选择64-bit Git for Windows Setup下载，点击下载好的exe文件，选择Git的安装路径，一路next完成安装。

配置Git

为了将本地文件提交到Github上，我们需要在Github上添加本地电脑的SSH key，设置步骤如下：
第一步，在任意目录下，右击鼠标->选择Git Bash Here，打开Git命令窗口，输入

1
2
3
git config --global user.name username #username为你的Github用户名，区分大小写
git config --global user.email useremail #useremail为你的GitHub注册邮箱
ssh-keygen -t rsa -C "useremail"  #useremail为你的GitHub注册邮箱

然后一路回车，最后可以在用户主目录下看到一个.ssh文件夹，里面的id_rsa.pub文件即为我们需要的公钥文件。
如果在桌面找不到用户主目录，可以在桌面下右击鼠标，然后选择个性化打开个性化设置界面，然后按照以下步骤进行设置，在桌面显示用户主目录。

Hexo

安装Node.js

Hexo是一个快速、简洁且高效的博客框架。在安装Hexo之前，需要先在电脑上安装Node.js。可以直接在Node官网下载对应版本(我的是8.6.0)的安装包进行安装，也可以先安装nvm，通过nvm安装。

安装Hexo

安装好Node.js之后便可以使用npm安装Hexo。打开cmd命令窗口，输入以下命令安装Hexo

1
npm install -g hexo-cli

接着输入

1
hexo -v

若出现版本信息，则Hexo已成功安装

创建本地博客

安装好Hexo之后，选择一个存放博客目录的地方，按Shift+鼠标右键，选择在此处打开命令窗口，输入以下命令

1
2
3
hexo init <folder> #存放博客的文件夹名称
cd <folder> 
npm install #安装必要的模块

初始化完成之后，输入

1
2
hexo g #生成静态文件 
hexo s #启动本地服务器

然后打开浏览器，输入localhost:4000即可看到自己的本地博客。

配置博客

按Ctrl+C关闭本地服务器进程，打开博客根目录下的_config.yml文件(建议使用VSCode或者其他文本编辑器进行修改)，拉到文件最后，可以看到Development选项，修改内容如下：

1
2
3
4
deploy:  
 type: git 
 repository: git@github.com:username/username.github.io.git #username为你的Github用户名，区分大小写  
 branch: master

修改完成之后，我们还需要安装hexo-deployer-git。在博客根目录下打开cmd命令窗口，输入

1
npm install hexo-deployer-git --save

安装完成之后，输入

1
2
hexo g #生成静态文件 
hexo d #将本地博客部署到Github上

若部署成功，则可以打开浏览器，输入username.github.io(这里的username不区分大小写)浏览自己的个人博客了。

后记

这里需要注意的是，配置好Git之后，初次部署博客可能会出现上传失败的问题。如果遇到这种问题，则需要在博客根目录下，右击鼠标选择Git Bash Here，输入以下指令

1
hexo d

然后根据提示，输入yes即可