一直想有一个可以记录的属于自己的博客，最近在知乎上看到了利用Hexo+GitHub搭建博客的教程，于是乎搭建了自己的博客paradoxallen。

然而在此过程也遇到了一些bug，希望以下图文并茂的教程（虽然已经有挺多类似的教程…但主要是想自己写一篇文章!!!而且保证超级详细!!!）可以帮助大家少走弯路，搭建属于自己的博客。

---

GitHub配置

https://github.com/ 登录GitHub账号,如无GitHub帐号需要注册一个

点击GitHub中的New repository创建新仓库

仓库名应该为：用户名.http://github.io

这个用户名使用你的GitHub帐号名称代替，这是固定写法

如我的域名是github.com/paradoxallen，就填入paradoxallen.github.io

然后点击create repository创建仓库

成功之后出现以下画面

环境安装

安装Git

Git-Downloading Package选择下载Windows版本的64位或32位的安装包（也有MacOSX版本和Linux/Unix版本的，按需求下载）

下载后安装，基本按默认安装就行，安装成功后，鼠标右键打开Git Bash

然后设置user.name和user.email配置信息
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

生成ssh密钥文件：
ssh-keygen -t rsa -C "你的GitHub注册邮箱"

然后直接三个回车，无需设置密码

在找到生成的.ssh的文件夹中的id-rsa.pub密钥，将内容全部复制

打开GitHub-Settings-SSHandGPGkeys-newSHHkeys新建

Title随意，Key粘贴id-rsa.pub内容，最后点击Add SHH key

在Git Bash中检测GitHub公钥是否设置成功，输入ssh git@github.com如下则说明成功

安装Node.js

Download|Node.js选择下载安装包，也是默认设置安装就好

安装Hexo

这里需要在自己电脑中新建文件夹，如命名为blog

进入文件夹，按住shift键，右击鼠标点击在此处打开Powershell窗口

（有些教程是打开命令行，但好像是win10才有的powershell)

然后依次输入：

npm install -g hexo-cli安装Hexo

hexo init blog初始化Hexo

成功提示INFO Start blogging with Hexo!

（因为我已经设置好就不重新初始化啦）

因为你初始化hexo 之后source目录下自带一篇hello world文章, 所以直接执行下方命令
hexo g

hexo s启动本地服务器

成功提示
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

在浏览器输入http://localhost:4000/就可以看见网页和模板了（因为我修改过主题可能有点出入）

网站推送

打开blog根目录_config.yml文件，将Hexo与GitHub关联起来

deploy:

type: git

repo: GitHub上创建仓库的完整路径，加上 .git

branch: master

参考如下：

然后保存并执行命令：
npm install hexo-deployer-git --save

再依次输入三条命令:

hexo clean

hexo g

hexo d

打开浏览器，在地址栏输入你的放置个人网站的仓库路径，即 http://xxxx.github.io，如[paradoxallen.github.io](https://paradoxallen.github.io/)即可访问

此外，也可以打开_config.yml文件修改参数信息，如排版格式等等

文章发布

输入：hexo new "testing"打开文件使用markdown语法输入文字

保存，执行：

hexo clean

hexo g

hexo server

hexo deploy

就可以看到文章发布了~

总结陈词

搭建博客的步骤：

1、GitHub配置

2、环境安装

3、网站推送

4、文章发布

发布文章的步骤：

1、hexo new 创建文章

2、Markdown语法编辑文章

3、部署（所有打开CMD都是在blog目录下）

到这里已经完成了博客的搭建以及文章的发布，但是还有很多需要设置和调整的。

我也是刚刚搭建好博客，还有待博客界面的优化以及内容的丰富!!!

今天先到这里啦~

##参考资料
1.教你免费搭建个人博客，Hexo&Github

2.GitHub+Hexo 搭建个人网站详细教程