超详细hexo+GitHub新手搭建技术博客教程(文章不断更新中)

前言

博客有第三方平台，如CSDN、GitHub page等等，有些人不满足于第三方平台的单调，选择自己建立一个博客。

这次我要说的就是 Github Page + Hexo Github Page 是 Github 提供的一种免费的静态网页托管服务，可以用来托管博客、项目官网等静态网页。本篇文章讲了一个小白（比如我）搭建个人博客的方法。

现在我们就开始吧！

环境准备

首先要准备 Node 和 git 环境。
首先，安装 NodeJS， Hexo 是基于 Node.js 驱动的一款博客框架。
然后，安装 git，一个分布式版本控制系统，用于项目的版本控制管理，作者是 Linux 之父。

Node和Git是此方法搭建博客所必要的，但是也可以不用深入学习。紧跟本文，学会几个简短的命令就可以了。

两个工具在不同的平台上安装方法是不一样的，这里就不详细说明了。win系统的点开链接下载安装就好了，其他系统请自行了解步骤安装。安装成功后打开 Git Bash（Windows）或终端（Mac），以此输入下列指令。

git version

node -v

npm -v

如果输入每条指令时都会出现相应的版本号，则证明环境已经准备好了。

安装Hexo

如果以上环境都安装好，那么就可以使用npm安装Hexo了。
安装方法：
新建一个文件夹
在命令行输入以下指令

npm install hexo-cli -g  
npm install hexo-deployer-git --save  

等待几分钟就会安装成功了，再执行以下指令，Hexo就会在指定的文件夹创建基本的博客文件了

hexo init Myblog
cd myBlog
npm install

新建立的博客文件夹下面有几个重要的文件，用途如下：
_config.yml 网站的配置信息
scaffolds 模版文件夹
source 资源文件夹’
themes 主题文件夹

文件夹创建成功没有问腿后，那么恭喜你，你的博客已经初步搭建好了。
在Myblog文件及里右键选择 Git Bash，运行下面的代码

hexo s

然后在浏览器中输入 http://localhost:4000 就可以查看你的博客了。
按 Ctrl+C就会退出本地预览模式，输入网址就什么也看不到了哦。
当然这只是本地预览的效果，还没有放到网络上去，接下来就要讲述如何在网络上搜索到你的博客了。

对GitHub的操作

注册GitHub

因为我们的博客是用Hexo和GitHub搭建的，所以必须有一个GitHub账号，具体注册步骤这里就不多阐述了，大家百度GitHub进入注册就行，非常简单。这里主要讲一下注册好GitHub后的操作。

建立一个存储库

首先新建一个 repository

name的位置一定要和网站的名字相同，比如我的网站名字是isbeichen，这里就写isbeichen.github.io。后面就会生成一个isbeichen.github.io的网站。
下面的 Initialize this repository with a README记得勾选上。
然后点击Create repositiry就创建成功了。

配置SSH密钥

使用git工具之前要先配置一下SSH Key，为部署GitHub博客到本地而做准备

打开命令行输入 cd ~/.ssh 如果没报错或者提示什么的说明就是以前生成过的，直接使用 cat ~/.ssh/id_rsa.pub 命令就是可以查看本机上的 SSH key 了。
如果之前没有生成过SSH，就按照下面的方法生成。
首先先登录一下。在命令行输入下面的指令，用户名和邮箱填写你自己真实的信息。

git config --global user.name "用户名"
git config --global user.email "邮箱地址"

然后就开始生成密钥

ssh-keygen -t rsa -C '上面填写的邮箱地址'

根据提示按三次回车就会生成你电脑的SSH密钥，将其复制下来。密钥是开头为ssh-rsa的一串字符串。
首次使用的话还要确认并添加到可信任列表，输入下列指令：

ssh -T git@github.com

接下来在GitHub上按照以下步骤操作

到这里就配置好SSH密钥了。就代表你的本地已经和GitHub存储库连接到一起了。

将本地部署到GitHub

在此步首先要做的就是修改一下配置和安装插件

先打开刚刚创建的文件夹下的_config.yml文件，我是用visual code 打开的，其他的编译器也可以。打开后拖到最下面，修改配置，方法如下：

然后要安装一个部署插件，这个插件的功能是将本地的文件部署到GitHub上，不仅仅是博客，有其他项目想要上传的时候也可以借助这个插件，具体方法这里就不多做阐述。

在文件夹下单击鼠标右键，选择Git Bash here，执行以下指令：

npm install hexo-deployer-git  --save

等待安装好后，再执行以下指令：

hexo g -d

稍等一会就部署好了，在浏览器访问网址：https//GitHub用户名.github.io 就可以看到你的博客了！
但是在每次执行这个指令之前，建议先执行下面的指令再部署

hexo clean

开始创作

这种博客写作的时候特别容易，也是使用Markdown写的。如果不会用这种语法的可以百度一下，非常简单的。
新建文章有两种方法，第一种是执行下面的指令：

hexo  new '你想起的文章标题'

执行完以后你就会在/souce/-posts 文件夹下看到一个“你想起的文章标题.md”的文件了

第二种方法就是直接在/souce/-posts 文件夹下新建一个文本文档，命名为“文章标题.md”，这种方法是比较简单的。

创建好以后就可以写文章了，打开文章文件进行编辑就好了。
编辑好了以后，再执行以下指令就可以了

hexo clean

hexo g -d

稍等一会再进入你的博客你就会看到刚刚写的文章啦！！

关于博客主题

博客的主题在Hexo的主题官网上有很多，在GitHub上也有许多主题，大家可以根据自己的喜好进行更换，一般的主题都会有修改的说明，可以自定义许多功能。这里就主要说一下如何更换主题，博客的具体美化在这里就不详细的说明了，以后我会专门写一篇文章讲述这些东西。
博客主题的更换也非常的简单，一开始大家使用的都是默认的主题。大家在博客的根目录里可以看到一个themes的文件夹，这里就是存放主题的地方，
大家可以把自己喜欢的主题下载到这个文件夹内，初始状态下里面只有一个landscape文件夹，这个就是本地的默认主题。
大家下载好自己喜欢的主题以后，再从博客的根目录里面找到config.yml这个文件。
打开以后往下翻，找到themes将后面的landscape改成你要换的主题的名字（themes文件夹里面主题文件夹的名字）。
然后保存并关闭文件，执行hexo clean和hexo g -d，将博客部署一下，稍等一会你就可以看到更改的主题了。