title: 基于Hexo + Github Pages 免费搭建博客
category: 博客
tags:
- Hexo
- 博客
abbrlink: 4022353000
date: 2021-07-19 13:42:57
"当你不知道该写什么的时候就写如何搭建博客"
前言：博客有非常多的第三方平台，比较早的有博客园、CSDN，现有简书、掘金、知乎专栏 以及微信公众号等等。我们可以直接在上面发表内容，交互人性化，能够被搜索引擎检索到。
但是这总归是别人的平台，写作内容或多或少会受限，这时候就希望能有自己的博客。于是鄙人经过不停谷歌，最终采用了 Hexo + Github Pages 的方式搭建自己的博客。
此方法全过程需要有一定的动手能力与时间、耐心，工具仅仅需要一台能够科学上网的电脑即可。
Github Page 是 Github 提供的一种免费的静态网页托管服务可以用来托管博客、项目官网等静态网页。
参考大佬：
总结
注意！！此总结并不是教程分享向的博文，写得不是很详细，文字排版也没有完全美化、没有参考图片。强烈建议你参考推荐的大佬链接
一. 先注册一个GitHub账号，并且按照格式要求创建你的仓库。
确保你的仓库是public。
仓库名一定要是：用户名.github.io
二. 下载git。
参考：https://www.huaweicloud.com/articles/a309afc2a9bcf498763ab43770993587.html
三. 配置git与其他工作。
1. 桌面右键打开 Git Bash，分别输入以下指令，将git与GitHub账号绑定。
git config --global user.name "github 用户名"
git config --global user.email "github 注册邮箱" 2. 接着继续输入以下指令，从而生成 ssh 密钥文件，输入如下命令后直接三次回车即可。
ssh-keygen -t rsa -C "github 注册邮箱" 3. 在完成2后
会在C盘用户路径生成.ssh的文件，里面有id_rsa和id_rsa.pub两个文件，前者是我们私有的，而后者则是对外开放的。用记事本或其他合适的软件打开id_rsa.pub文件，复制里面的密钥。
4. 然后打开GitHub——头像——Settings——SSH and GPG Keys页面
创建一个新的 SSH key，填写Title和Key，Title可以随意，而Key的内容则是我们刚才复制的id_rsa.pub中的内容，最后点击Add SSH key即可；
5. 去官网下载最新的稳定版Node.JS.
6. 鼠标右键任意地方，选择Git Bash，使用以下命令安装hexo.
npm install hexo-cli -g
npm install hexo-deployer-git --save7. 找一个磁盘新建一个文件夹用于存放你的博客，然后进入该文件夹，鼠标右键选择“Git Bash”，分别输入以下命令。
hexo init
npm install
hexo g
hexo s此时会在本地开启一个http服务，监听4000端口，我们可以在浏览器访问http://127.0.0.1:4000
可以通过键盘快捷键 Ctrl+C 停止服务。
(说一下：笔记本的insert键为粘贴，方向键向上为上一段指令，向下为下一段指令，继续向下为虚无.
8. 在完成第4步的基础上.
首次使用还需要确认并添加主机到本机SSH可信列表。若返回 Hi xxx! You've successfully authenticated, but GitHub does not provide shell access. 内容，则证明添加成功任意位置右键打开Git Bash，输入以下命令，使用私人密钥与GitHub进行认证和通信。
ssh -T git@github.com9. 打开第7步你创建的博客文件
找到根目录的_config.yml这个文件，用合适的编辑器打开它（记事本等），拉到最后，输入以下格式内容后，保存退出。
type: git
repository: git@github.com:*********/*********.github.io.git
branch: master备注：
(1)hexo的配置文件中任何一个“：”后面都是带一个空格的。
(2)repository后面的内容是你第一步创建库的时候生成的SSH地址。
10. 最后,在你的博客文件位置右键打开Git Bash，输入以下指令。
hexo g
hexo d大功告成。这时可以登陆Github查看代码是否已经上传到你对应的Repository，在浏览器访问：用户名.github.io就能看到自己的博客了。第一次访问地址可能访问不了，您可以在几分钟后进行访问，一般不超过10分钟。
11. 博客主题美化
基于Hexo搭建的博客有着非常多的主题，在此博主搭配的是Next主题。
在这里分享几个大佬教程。
（下一篇会总结自己博客主题美化过程。）
博客真正的意义在于不断创作内容，而不是折腾博客框架与配置。开始发表你的第一篇博文吧！
答疑
在认真学习网上很多教程的时候，应用在自己的网站上总会出现一些问题。以下是遇到的一些问题。
1. 选择博客Next四个主题那里出现的问题。（在后续主题美化时候我会总结出来）
2. 标题：解决hexo本地与部署不一致问题。
hexo博客在本地可以正常预览,部署到github上后为什么无法显示样式,只有内容呢？
请修改_config.yml的url的值为你的网站主URL（如：https://xxx.github.io）。
那些在学习过程中遇到的开拓者
...
...
