个人博客搭建【1】:hexo+github小白搭建个人博客

环境:window7 64位

一:安装Git

1、下载地址:Git下载

个人博客搭建【1】:hexo+github小白搭建个人博客_第1张图片
基本一直默认下一步就行了

2、完成效果

个人博客搭建【1】:hexo+github小白搭建个人博客_第2张图片


二:安装node.js

1、下载地址:node.js下载

个人博客搭建【1】:hexo+github小白搭建个人博客_第3张图片
基本一直默认下一步就行

2、验证安装成功

个人博客搭建【1】:hexo+github小白搭建个人博客_第4张图片


三:安装Hexo

1、请自行找地方新建文件夹,博主在D盘新建文件夹blog,注意文件名任意,然后终端进入该文件夹。

2、执行以下指令,安装Hexo

npm install hexo -g

3、效果如下:

个人博客搭建【1】:hexo+github小白搭建个人博客_第5张图片

4、验证安装成功:

执行指令:

hexo -v

个人博客搭建【1】:hexo+github小白搭建个人博客_第6张图片

5、执行以下指令,初始化该blog文件夹:

hexo init

个人博客搭建【1】:hexo+github小白搭建个人博客_第7张图片
初始化成功之后在查看blog文件夹:
个人博客搭建【1】:hexo+github小白搭建个人博客_第8张图片

6、执行以下指令,安装所需要的组件:

npm install

个人博客搭建【1】:hexo+github小白搭建个人博客_第9张图片

7、执行以下指令,感受hexo:

hexo g

个人博客搭建【1】:hexo+github小白搭建个人博客_第10张图片

8、执行以下指令,开启服务器:

hexo s

个人博客搭建【1】:hexo+github小白搭建个人博客_第11张图片

9、打开浏览器,输入http://localhost:4000/,效果如下,成功。

个人博客搭建【1】:hexo+github小白搭建个人博客_第12张图片
ps:如果页面进不去,可能端口被占用,ctrl+c关闭服务器,执行以下指令(5000为自己指定的端口号),然后再次执行第9步即可(注意:网址变为http://localhost:5000/)。

hexo server -p 5000

四:将Hexo与github page联系起来

1、进入blog文件夹,右键,Git Base Here,然后执行以下指令

1、git config --global user.name "用户名"
2、git config --global user.email "邮箱"
3、cd ~/.ssh #检查.ssh文件夹是否存在
4、ls #列出该文件夹下的内容

个人博客搭建【1】:hexo+github小白搭建个人博客_第13张图片

2、执行以下指令,生成秘钥,三个回车,都默认即可

ssh-keygen -t rsa -C "邮箱"

个人博客搭建【1】:hexo+github小白搭建个人博客_第14张图片

3、进入文件夹C:\Users\Administrator.ssh,会看到得到的两个文件:

个人博客搭建【1】:hexo+github小白搭建个人博客_第15张图片

4、执行以下指令,添加秘钥到ssh-agent:

eval "$(ssh-agent -s)"

这里写图片描述

5、执行以下指令,添加生成的ssh key到ssh-agent:

ssh-add ~/.ssh/id_rsa

这里写图片描述

6、登陆github,点击头像下的settings,添加ssh:

个人博客搭建【1】:hexo+github小白搭建个人博客_第16张图片
个人博客搭建【1】:hexo+github小白搭建个人博客_第17张图片

7、新建new ssh key,将id_rsa.pub(记事本打开即可)文件里的内容复制进去:

个人博客搭建【1】:hexo+github小白搭建个人博客_第18张图片

8、执行以下指令,测试添加ssh是否成功,看到自己的用户名则成功:

ssh -T git@github.com

个人博客搭建【1】:hexo+github小白搭建个人博客_第19张图片
ps:如果ssh-key配置失败,解决方案如下:

首先,清除所有的key-pair
ssh-add -D
rm -r ~/.ssh
删除你在github中的public-key

重新生成ssh密钥对
ssh-keygen -t rsa -C "[email protected]"

接下来正常操作
在github上添加公钥public-key:
1、首先在你的终端运行 xclip -sel c ~/.ssh/id_rsa.pub将公钥内容复制到剪切板
2、在github上添加公钥时,直接复制即可
3、保存

测试:
在终端 ssh -T git@github.com

9、配置deployment:进入blog文件夹,找到_config.yml,修改如下

个人博客搭建【1】:hexo+github小白搭建个人博客_第20张图片
这里写图片描述
ps: 上图repository后面的邮箱怎么来的呢?
ps.1:创建repository
个人博客搭建【1】:hexo+github小白搭建个人博客_第21张图片
ps.2:
个人博客搭建【1】:hexo+github小白搭建个人博客_第22张图片
ps.3:
个人博客搭建【1】:hexo+github小白搭建个人博客_第23张图片

10、新建博客,执行以下指令:

hexo new post "博客名"

这里写图片描述
11、进入D:\blog\source_posts,查看:
个人博客搭建【1】:hexo+github小白搭建个人博客_第24张图片

12、使用markdown编辑器编辑文章。

13、执行以下指令,安装扩展:

npm install hexo-deployer-git --save

个人博客搭建【1】:hexo+github小白搭建个人博客_第25张图片

14、执行以下命令,生成以及部署,看到最后的红框,代表发布成功。

hexo d -g

个人博客搭建【1】:hexo+github小白搭建个人博客_第26张图片
个人博客搭建【1】:hexo+github小白搭建个人博客_第27张图片

五:激动人心的一步,浏览器输入http://用户名.github.io,效果如下:

个人博客搭建【1】:hexo+github小白搭建个人博客_第28张图片
个人博客搭建【1】:hexo+github小白搭建个人博客_第29张图片

参考链接:

https://www.cnblogs.com/fengxiongZz/p/7707219.html
https://www.jianshu.com/p/189fd945f38f
https://www.jianshu.com/p/e6662ca7e283

你可能感兴趣的:(Github系列)