GitHub + Hexo搭建个人博客

GitHub + Hexo搭建个人博客

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

先看效果图:
这里写图片描述

Windows下搭建教程

1、需要准备的软件

  • Git
  • Node.js

2、软件安装

Node.js安装

官网:https://nodejs.org/
如果不想更改路径的话就一路next即可完成安装
这里写图片描述

打开CMD命令行

1
2
node -v
npm -v

如果结果如下图所示,则说明安装正确,可以进行下一步了。
这里写图片描述

Git软件安装

官网:https://git-scm.com/downloads
这里写图片描述

Git PATH设置
这里写图片描述

1
git --version

如果结果如下图所示,则说明安装正确,可以进行下一步了。
这里写图片描述


3、安装Hexo

Node.jsGit安装好,下面就需要安装Hexo了,在自己认为合适的地方执行以下命令

1
npm install hexo-cli -g

这里写图片描述

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

1
npm install hexo --save

最后输入hexo -v查看

1
hexo -v

这里写图片描述


4、初始化Hexo

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

1
2
3
hexo init
npm install
hexo s

输入hexo s之后会提示:

1
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:

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

2、生成密钥:

1
ssh-keygen -t rsa -C "youremail"

然后会出现:

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

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
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,然后按照如下修改:

1
2
3
4
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master


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

---------------- The End ----------------
May丶乘剑 wechat
欢迎扫描二维码关注我的微信公众号~~
0%