2020 从0到1搭建个人博客网站，图解超详细！（附带软件资源）

2020从0到1搭建个人博客网站，图解超详细！（附带软件资源）

• 前言
• 一、准备工作
• • 1.1 入门知识
  • 1.2 所需软件
  • 1.3 软件下载
  • 总结
• 二、购买域名及安装软件
• • 2.1 购买域名
  • 2.2 安装软件
• 三、将博客搭建在本地
• • 3.1 使用Git安装Hexo
• 四、部署到github上
• • 4.1 先将这个博客项目提交到本地仓库
  • 4.2 获取SSH KEY并绑定
  • 4.3 创建github项目仓库
  • 4.4 部署到远程仓库中
• 五、将域名与github上部署的项目关联起来
• • 5.1 将Github Pages与域名关联起来
  • 5.2 将域名与Github Pages关联起来
• 六、通过浏览器访问
• 总结

• 创作不易，对您有帮助的话，还请点赞、转发一波。您的支持就是我最佳的创作动力 ??????
• 遇到问题或困难的地方私聊博主或评论出来都可以哦，在我力所能及的范围内我会及时的帮助。
• 由于本人也是新手，有错误的地方还请大佬们指正出来，我会及时修改，谢谢。

前言

博主趁着放假的两天时间，利用网上大佬们建站的个人经验博文，也从零基础成功的搭建了一个基于的个人博客网站。如果你也是小白想搭建个人博客网站的话，那么本篇文章我觉得非常适合你食用！

一、准备工作

1.1 入门知识

个人博客网站 =域名 + 空间
想要搭建个人博客网站，域名和空间是必不可少的。举个栗子来说明一下吧，就相当你家的地址，相当于你的家。想要访问你家就必需先知道你家的地址，再通过地址访问你家。

• 域名。 这个玩意看个人需求，有贵的也有便宜的，但用起来没什么差别。你可以在腾讯云或阿里云上购买注册，我就是在腾讯云上花了七块钱弄的，我的域名：www.wwqi.top欢迎大家访问 ??
• 空间。个人理解就相当于一个存储空间，有了它，自己写的文章才有存放的空间。这个有免费的也有收费的，收费的当然要好一些，但对于我这个贫穷大学生来说免费的当然是第一选择啦（白嫖使我快乐，hhh）。免费的也就是Github了，既免费又稳定，缺点就是国内访问速度慢点，但如果你挂了梯子当我没说。其实也可以考虑下国内的码云，作用和GitHub一样，也很不错。两者都可以上传自己的网站项目并定义自己的域名。

1.2 所需软件

Git和Node.js

• Git 作用：在本地搭建好个人博客网站项目后，通过该软件与Github产生关联，将其上传到Github上，然后我们就可以通过域名来访问我们的网站啦。后期维护和更新blog也会用到。
• Node.js作用：这个捏我也不大清楚，貌似就是提高博客网站的响应速度，先安装就完事了。

1.3 软件下载

这两个软件由于是国外的，所以在官网上下载是很慢的，我把它们都保存在了百度网盘中，有需要的朋友自行下载。

Node.js：链接：百度云点击直接进入 https://pan.baidu.com/s/1kTSJ3WH27whauD31oJuXDA
提取码：z2s8
Git：链接：百度云点击直接进入 https://pan.baidu.com/s/1T2-uWfdbo8IqswJeI9XxRg
提取码：wwqi
链接实效的话请联系我，我争取在第一时间更新

总结

• 域名
• 下载或安装好的Git和Node.js软件
• 一个github账户
• 耐心，耐心，耐心…

二、购买域名及安装软件

2.1 购买域名

1. 注册登录腾讯云，搜索框搜索域名注册
   
2. 购买成功后，在后台进行查看。根据图中红框内的提示进行实名认证。
   
3. 安装部署 Hexo
   在打开的git命令框中输入指令(这一步可能需要等待一下)

在 blog 文件夹下可以看到多了许多文件及文件夹

4.在浏览器上输入 http://localhost:4000 进行测试。(因为Hexo的默认端口为4000)
当出现以下页面时，恭喜你你已经成功了一半。


此时该文件夹下会出现一个 .git 文件(注意该文件是隐藏文件)

4.2 获取SSH KEY并绑定

因为git与github间连接的方式是通过SSH加密的。首次上传项目时先需要获取 SSH KEY。通过以下指令获取

youremail@example.com 为你注册github的邮箱。然后一直回车就可以了。最后在C盘的用户目录里的就会生成SSH Key

4.3 创建github项目仓库

按照图示一步一步来
————— 第一步 ——————-

————— 第三步 ——————-

4.4 部署到远程仓库中

1. 与远程仓库进行关联。在git命令窗口中输入

示例：

此时再进入你在Github上新建的那个仓库，刷新后，就会发现项目已经成功上传了：

一直往下拉，找到 GitHub Pages，据图填入域名，然后 Save。

如何 ping 自己的 github pages：
快捷键 ，输入cmd打开 cmd窗口，按下图指示进行。

总结

搭建网站花了两天的时间，这期间学到了许多，从一个从没用过git和github的我来说是一个很奇妙的体验。因为搭建网站需要用到这些东西，我在做网站的过程中也了解了一些关于git和github的用途和基本的使用方法。感觉跟着自己的兴趣来学东西真的很快。

后期维护：可以通过Hexo的官方文档在后期维护个人博客。

文章知识点与官方知识档案匹配，可进一步学习相关知识Git技能树首页概览3011 人正在系统学习中

来源：究极憨憨