自己也算是摸爬滚打搭建成功,然后自己再重新安装部署一遍,把完整步骤分享给大家,同时最后有一些连接,如果我的步骤不行,大家可以参考其他人的(这个有点花费时间,大家提前有个心理准备 - _-)
一、第一步:下载安装Git
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/136b96876bee4ef1ae7e0e5497d3a5c5.webp?x-oss-process=image/resize,w_1400/format,webp)
1、Git下载地址
2、安装步骤
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/5822ea24c3664eb5ab2a553824a81d43.webp?x-oss-process=image/resize,w_1400/format,webp)
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/0cd03ec42ac840dcbfcee72589d0aa07.webp?x-oss-process=image/resize,w_1400/format,webp)
然后一路默认
二、第二步:下载安装node.js
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/032d5401d47d43eaad9f6d2cf45d4bd4.webp?x-oss-process=image/resize,w_1400/format,webp)
2、安装步骤:一路默认就行(安装路径根据自己需要更改)
三、第三步:安装hexo
1、利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/2a96beffe64347a2b75c2ea133af5ebd.webp?x-oss-process=image/resize,w_1400/format,webp)
2、输入命令:npm install -g hexo
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/55e7c035d2a04b348da3d3cd5b7bf911.webp?x-oss-process=image/resize,w_1400/format,webp)
这里如果地址被“墙”,可以参考这篇文章的“安装Hexo”部分
四、第四步:初始化Hexo
1、创建文件夹(我的是在E盘创建的Hexo)
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/457bd6cf1c644d2c9186a98ab3303db8.webp?x-oss-process=image/resize,w_1400/format,webp)
2、在Hexo文件下,右键运行Git Bash,输入命令:hexo init
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/9a1292518a2c4299be7319406d5e6d23.webp?x-oss-process=image/resize,w_1400/format,webp)
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/2bfce2a2df294dffa2b38dd9051155d8.webp?x-oss-process=image/resize,w_1400/format,webp)
3、在_config.yml,进行基础配置
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/523e11a8e6b7497ea5312fe1847c14e4.webp?x-oss-process=image/resize,w_1400/format,webp)
其中可以在这里浏览更多主题,然后在Hexo文件夹下 Git Bash
输入命令:git clone https://github.com/iissnan/hexo-theme-nextthemes/next(next为主题名字),来获得更多主题
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/a4137832e09c47d4a78cf4cd27df50e1.webp?x-oss-process=image/resize,w_1400/format,webp)
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/1521943c7d37420dad8f16ebd1314de5.webp?x-oss-process=image/resize,w_1400/format,webp)
4、本地浏览博客
分别输入 如下命令:
hexo g
hexo s
这里有更多hexo常用命令
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/ac456ad69ed64400b5bccffc7babdb49.webp?x-oss-process=image/resize,w_1400/format,webp)
在浏览器输入:localhost:4000 ,就可以进行访问,效果如下:
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/53792fef2b3c47858d36342cda3b5fc0.webp?x-oss-process=image/resize,w_1400/format,webp)
5、写文章
在E:\Hexo\source\_posts文件下,新建.md文件就可以写文章
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/a10ab09308e5475aa6ec33edabe9d091.webp?x-oss-process=image/resize,w_1400/format,webp)
---
title: 我的博客
---
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/92ae00f8c5aa440d8bdd9f8c3aaf2ef8.webp?x-oss-process=image/resize,w_1400/format,webp)
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/9c077c87d0f84d17a6c10fb5d8a799a6.webp?x-oss-process=image/resize,w_1400/format,webp)
五、部署到Github上
1、申请Github账号,(注意别忘了进行账号邮箱验证)
2.new repository
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/58987794ac2647fcabbb2bb1d57623d1.webp?x-oss-process=image/resize,w_1400/format,webp)
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/68572780cc164b2988d9a0d60ad127dc.webp?x-oss-process=image/resize,w_1400/format,webp)
然后点击
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/264a22c917af4fe7a817c2ede376af2f.webp?x-oss-process=image/resize,w_1400/format,webp)
3、在_config.yml进行配置
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/6b6a88236ed94b74b84702b0e2f0ed11.webp?x-oss-process=image/resize,w_1400/format,webp)
4、安装hexo-deployer-git自动部署发布工具
npm instal lhexo-deployer-git --save
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/f7b38243ee7d4b5db9c5309072f62ffd.webp?x-oss-process=image/resize,w_1400/format,webp)
5、发布到Github
输入如下命令:hexo clean && hexo g && hexo d
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/d702f7c039bb49a5820d0585446cd077.webp?x-oss-process=image/resize,w_1400/format,webp)
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/df2642413054460a87770bbb9882dd45.webp?x-oss-process=image/resize,w_1400/format,webp)
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/b208556a16be44c2b135a924085cb448.webp?x-oss-process=image/resize,w_1400/format,webp)
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/64589575f382489e91e309d1403f2e97.webp?x-oss-process=image/resize,w_1400/format,webp)
6、测试访问
在浏览器输入:https://yanqiangmiffy.github.io/
![](https://ucc.alicdn.com/23vilq5ymkqag/developer-article315248/20241017/a619d35cd6d54781adcbdce7750daf50.webp?x-oss-process=image/resize,w_1400/format,webp)
六、最后加上一些文章的传送门
作者:致Great
链接:http://www.jianshu.com/p/189fd945f38f
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。