使用hexo搭建博客

2019-10-06 本文已影响0人 defaultCoder

前言

想搭建博客又不愿意花钱买服务器，万一不怎么用又太浪费钱，花太多时间设计风格又又太耗时间。
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上了。（误，在这之前需要先修改这丑陋的主题！