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

环境:window7 64位

一:安装Git

1、下载地址:Git下载

这里写图片描述
基本一直默认下一步就行了

2、完成效果

这里写图片描述


二:安装node.js

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

这里写图片描述
基本一直默认下一步就行

2、验证安装成功

这里写图片描述


三:安装Hexo

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

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

npm install hexo -g

3、效果如下:

这里写图片描述

4、验证安装成功:

执行指令:

hexo -v

这里写图片描述

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

hexo init

这里写图片描述
初始化成功之后在查看blog文件夹:
这里写图片描述

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

npm install

这里写图片描述

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

hexo g

这里写图片描述

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

hexo s

这里写图片描述

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

这里写图片描述
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 #列出该文件夹下的内容

这里写图片描述

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

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

这里写图片描述

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

这里写图片描述

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

eval "$(ssh-agent -s)"

这里写图片描述

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

ssh-add ~/.ssh/id_rsa

这里写图片描述

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

这里写图片描述
这里写图片描述

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

这里写图片描述

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

ssh -T git@github.com

这里写图片描述
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,修改如下

这里写图片描述
这里写图片描述
ps: 上图repository后面的邮箱怎么来的呢?
ps.1:创建repository
这里写图片描述
ps.2:
这里写图片描述
ps.3:
这里写图片描述

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

hexo new post "博客名"

这里写图片描述
11、进入D:\blog\source_posts,查看:
这里写图片描述

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

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

npm install hexo-deployer-git --save

这里写图片描述

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

hexo d -g

这里写图片描述
这里写图片描述

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

这里写图片描述
这里写图片描述

参考链接:

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

猜你喜欢

转载自blog.csdn.net/heimu24/article/details/81153576