GitHub + Hexo搭建个人博客

GitHub + Hexo搭建个人博客

最近很多同学都想自己搭建一个属于自己的个人博客，于是便有了出这个教程的想法，本文采用GitHub+Hexo搭建，采用静态网页的方法（每次你需要修改东西的时候都需要重新将你的网站资源push一下）。

先看效果图：

Windows下搭建教程

1、需要准备的软件

• Git
• Node.js

---

2、软件安装

Node.js安装

官网：https://nodejs.org/
如果不想更改路径的话就一路next即可完成安装

打开CMD命令行

node -v
npm -v

如果结果如下图所示，则说明安装正确，可以进行下一步了。

Git软件安装

官网：https://git-scm.com/downloads

Git PATH设置

git --version

如果结果如下图所示，则说明安装正确，可以进行下一步了。

---

3、安装Hexo

当Node.js和Git安装好，下面就需要安装Hexo了，在自己认为合适的地方执行以下命令

npm install hexo-cli -g

可能会看到WARN，这不会影响正常使用。 接着输入

npm install hexo --save

最后输入hexo -v查看

hexo -v

---

4、初始化Hexo

自己选取一个合适的目录（用于存放hexo各种文件），用CMD命令行分别输入

hexo init
npm install
hexo s

输入hexo s之后会提示：

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

用浏览器打开http://localhost:4000/即可看见自己的博客首页啦。

按下Ctrl+C即可停止。

---

5、与GitHub关联

• 配置Git个人信息
• 配置Deployment

配置Git个人信息

• yourname：你自己的用户名
• youremail：你自己的邮箱

1、设置Git的user name和email：

git config --global user.name "yourname"
git config --global user.email "youremail"

---

2、生成密钥：

ssh-keygen -t rsa -C "youremail"

然后会出现：

Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/zhong/.ssh/id_rsa):

直接回车就可以。
然后会出现：

Enter passphrase (empty for no passphrase):
Enter same passphrase again:

要求你输入密码，这个密码会在你提交项目时使用，如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。

注意：输入密码的时候没有*字样的，直接输入就好。
然后会出现：

Your identification has been saved in /c/Users/zhong/.ssh/id_rsa.
Your public key has been saved in /c/Users/zhong/.ssh/id_rsa.pub.
The key fingerprint is:
65:69:······02:4b emailname@email.com
The key's randomart image is:
+--[ RSA 2048]----+
|                 |
|       .   o .   |
|    . o o = o    |
|   . o * = o     |
|  E  o + o .     |
| . o.   . .      |
|     ..          |
+-----------------+

至此，密钥已经成功生成。
① 打开本地文件：id_rsa.pub（文件路径可以在上一步SSH生成成功后看到路径，比如我的是C:/Users/zhong/.ssh/id_rsa.pub），可以将这个文件在编辑器中打开，然后全选复制。

② 登陆github，点击头像位置处Settings ——> SSH and GPG keys ——> New SSH key，点击新建SSH key。

③ 将 ① 中复制的内容粘贴在key文本框里，title可以不用填（或者自己起一个名字也可以）。

当再次hexo d的时候ssh中的要是图标就会变成绿色的。

---

3、配置Deployment:

在_config.yml(hexo文件夹下的站点配置文件)文件中，找到Deployment，然后按照如下修改：

deploy:
  type: git
  repo: git@github.com:yourname/yourname.github.io.git
  branch: master

---

主题

官方主题库：https://hexo.io/themes/

目前我使用的是Next主题，

以上就是搭建好个人博客的基本步骤，接下来当然还会有一系列的进阶版Hexo将会等着你哦~~