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

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

 

声明:May丶乘剑的部落小阁|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - GitHub + Hexo搭建个人博客


一个偶尔努力、偶尔懈怠的"搬砖"人