前言
想搭建博客又不愿意花钱买服务器，万一不怎么用又太浪费钱，花太多时间设计风格又又太耗时间。
hexo主题很多都很好看，不用花太多时间，而且用GitHub pages服务搭建不用花钱！
而且每次更新文章可以让GitHub活跃度上升呢！
废话不多说。开始搭建。
准备工作
- 注册GitHub账号
访问GitHub注册一个账号，邮箱必须必须验证。 - 安装Git
访问Git官网下载安装包并安装，过程不演示（必须将其加入环境变量）。 - 安装node.js
访问node.js官网下载安装包并安装，过程不演示（必须将其加入环境变量）。
注：会使用nvm的伙伴建议使用nvm来管理nodejs的版本，避免版本造成不必要的问题。
本文使用环境
这里列出我搭建过程中使用的环境。
- Windows10 家庭版
- git v2.22.0
- node v10.0.0 (个人使用nvm进行node版本控制，文中不需要nvm)
正式开始搭建
我们先创建一个可以直接用域名进行访问的仓库。
创建仓库
- 进入GitHub主页并登入，可以看到如下页面，点击左上角的
Create a repository可以进入创建仓库页面。 - 创建一个名为
username.github.io的仓库，比我的用户名为defaultcode，那么我这里新建的仓库名为defaultcode.github.io，Description描述栏可以不填，选择Public，勾选Initialize this repository with a README，然后完成创建。
创建仓库过程
之后就可以通过https://username.github.io/访问自己的博客了(username为你的用户名)。例如我的域名为https://defaultcode.github.io/，不过刚刚创建的仓库需要少许时间才能够访问，大概30分钟以内。
访问自己的博客.gif
配置SSH key
由于文章的是存于GitHub的仓库中，而我们本地使用Git进行管理，必须要有提交权限，而直接在提交时输入用户名和密码不太安全且过于麻烦。所以用SSH key来解决本地与GitHub的连接问题。
- 进入git bash终端
- 输入命令检查本机已存在的
ssh密钥(如果第一次使用git不需要检查)
$ cd ~/.ssh
这里如果提示：No such file or directory 说明你是第一次使用git
- 创建
ssh密钥
$ ssh-keygen -t rsa -C "邮件地址"
此处邮箱地址为你注册GitHub账号时使用的邮箱地址。
连续回车3次后会生成一个文件夹在用户目录下.
生成ssh.gif
- 在用户目录（用户目录在检查本机已存在的ssh密钥步骤中已有提示我的为
c/Users/Warren/）下找到.ssh\id_rsa.pub文件，用记事本打开并复制里面的内容，打开你的GitHub主页，进入个人设置 →SSH and GPG keys→New SSH key
配置ssh-key.gif
- 测试一下刚刚的配置是否成功
打开git bash输入命令
$ ssh -T git@github.com
看到提示：Are you sure you want to continue connecting (yes/no/[fingerprint]) 时输入yes再回车，如果看到提示：Hi xxx! You've successfully authenticated, but GitHub does not provide shell access.（xxx为你的用户名）说明SSH配置成功了。
- 在输入两条命令完成最后的配置
这两命令配置个人信息，每次提交都会引用这两条信息来标识是谁做的提交。
$ git config --global user.name "用户名"
$ git config --global user.email "邮箱"
这里我配置个人的称呼和常用邮箱.
测试链接和配置git用户名邮箱.gif
安装并使用hexo
安装hexo
安装过程中遇到了个小错误
一开始使用的npm版本不兼容，导致无法安装hexo.
npm版本错误.gif
后修改了
npm版本后解决。（最新下载的node不会出现这个问题）
使用最新版npm解决.gif
- 根据hexo官方文档安装hexo.
执行安装命令
npm install -g hexo-cli
安装hexo.gif
- 初始化博客目录
进入到博客所在目录执行初始化命令
hexo init
初始化博客目录.gif
- 生成静态页并启动服务预览
- 进入到博客所在目录，执行生成静态页面命令
hexo g
- 执行服务器启动命令
hexo s
生成静态页并启动服务预览.gif
到现在，我们只差上传到GitHub上了。（误，在这之前需要先修改这丑陋的主题！
网友评论