从零开始搭建个人博客

---

我为什么要搭建个人博客？

1. 记录美好生活；
2. 提升自己的技术水平；
3. 空闲时间娱乐；

---

注册GitHub

1. 首先进入GitHub官网

2. 点击Sign up

3. 输入你要注册的邮箱、密码

4. Create account

5. 依次按照github的提示来做，之后就省略，不难。

Git安装步骤

1. 进入Git官网,想、点击Downloads

   

2. 选择自己的系统

   

3. 选择自己的适合的版本

​ ( 国内下载的速度慢，有时候还会下载失败，我这里提供Git-2.40.1-64-bit的安装包 )

4. 下载完成打开

5. 

6. 

7. 

8. 

9. 

10. 

11. 

12. 

13. 

14. 

15. 

16. 

17. 

18. 

19. 

20. 鼠标左击出现这种情况就可以了

    

21. 打开Git Bash，输入git出现这种情况就可以了

    

绑定GitHub并提交文件

1. 打开Git bash 输入ssh，查看本机是否安装SSH

   

2. 输入ssh-keygen -t rsa，指定生成秘钥，接着再点击四次回车键，生成两个文件，分别为id_rsa，id_rsa.pub，按照指定的文件位置打开id_rsa.pub，复制下来

   

3. 打开github，在settings中SSH and GPG keys中添加秘钥，名称加不加都行

   

   

4. 验证是否成功，在Git Bash中输入ssh -T github@github.com进行验证

   

安装node.js和Hexo

安装node.js及环境变量适配

大家可以看这篇文章，内容相当的详细

安装Hexo

1. 在github中新建一个仓库

   

2. 仓库名为用户名+github.io

   

3. 点击到仓库的settings，出现这种情况就可以了

   

4. 安装Hexo：在任意一个盘符下面新建一个Blog文件夹打开文件夹，使用git Bash 的管理员身份运行，输入npm install -g hexo-cli，安装完成之后，在使用hexo init命令初始化一下，输入hexo g静态部署，输入hexo s可以本地预览，在浏览器中输入localhost:4000，就可以本地预览网页了

5. 将Hexo部署到GitHub中：打开Blog文件夹，打开_config.yml文件，滑到文件的最下方，修改

   

   

   

6. 然后回到Blog文件夹中，打开Git Bash，安装Git部署插件，输入命令：

   npm install hexo-deployer-git --save

   再输入以下的指令：

   hexo clean #清除缓存文件db.json和已生成的静态文件public
   hexo g     #生成网站静态文件到默认设置的 public 文件夹(hexo generate的缩写)
   hexo d     #自动生成网站静态文件，并部署到设定的仓库(hexo deploy 的缩写)

   在浏览器中输入你的用户名+github.io就可以访问网站了

解析域名

1. 域名绝大部分是付费的，但是也有免费的，比如我的这个czlifetime.eu.org，具体的申请教程在这

2. 得到域名后，在阿里云、腾讯云、华为云等可以解析，添加记录：A @ 185.199.108.153 和 A @ 185.199.109.153 和 A @ 185.199.110.153 和 A @ 185.199.111.153，任意选一个或两个就可以了

3. 打开Blog文件夹里的source文件夹，添加CNAME文件，可以先创建一个CNAME.txt文件，打开后写上你的域名，不要加www否则每次访问都必须加www，但如果不带有www，以后访问的时候带不带www都可以访问，保存后记得要重命名，将.txt删除

4. 第三步回到Blog 文件夹，右键打开Git Bash，依次输入下面三条命令:

   hexo clean #清除缓存文件db.json和已生成的静态文件public
   hexo g     #生成网站静态文件到默认设置的 public 文件夹(hexo generate的缩写)
   hexo d     #自动生成网站静态文件，并部署到设定的仓库(hexo deploy 的缩写)

5. 打开GitHub，看看CNAME文件是否已经在你的项目中，如果没有，可以在github的仓库中添加，最后github中也要把你的域名写进去

   

设置主题

推荐

hexo有很多种主题，我推荐8种主题

1. Butterfly
   • GitHub地址：https://github.com/jerryc127/hexo-theme-butterfly
   • 在线演示：https://butterfly.js.org/
2. ICARUS
   • GitHub地址：https://github.com/ppoffice/hexo-theme-icarus
   • 在线演示：https://ppoffice.github.io/hexo-theme-icarus/
3. Fluid
   • GitHub地址：https://github.com/fluid-dev/hexo-theme-fluid
   • 在线演示：hexo.fluid-dev.com/
4. Volantis
   • GitHub地址：https://github.com/volantis-x/hexo-theme-volantis
   • 在线演示：volantis.js.org
5. Snippet
   • GitHub地址：https://github.com/shenliyang/hexo-theme-snippet
   • 在线演示：snippet.shenliyang.com/
6. Hacker
   • GitHub地址：https://github.com/CodeDaraW/Hacker
   • 在线演示：blog.daraw.cn/
7. 3-hexo
   • GitHub地址：https://github.com/yelog/hexo-theme-3-hexo
   • 在线演示：yelog.org
8. Cactus
   • GitHub地址：https://github.com/probberechts/hexo-theme-cactus
   • 在线演示：probberechts.github.io/hexo-theme-cactus/

配置

点开GitHub的地址，详细的配置就在首页的md文件中，这里不过多赘述