HEXO博客部署到github并将个人域名解析至github

前言:由于最近GFW查的比较严,本人的博客是部署在国外服务器上的,已经被封禁了七八次了,所以打算把本人的个人博客迁移到github上,使用阿里云的oss服务来存储照片,提高博客的访问速度

首先将自己本地的hexo博客部署好,我这边已经配置过了就不再赘述,具体配置过程可移步这篇文章(博主真的写的相当相当用心,墙裂推荐!你想怎么折腾都能看这篇文章,就是有些部分有点过时了)

部署到github

首先在github中新建一个repository

image-20210318211154319

repository name一定要填你的github名称.github.io,否则无法使用github提供的域名访问。填写示例:ASnowMoon.github.io,别的选项随便选

新建完成后在本地博客的根目录下安装Git部署的插件

1
npm install hexo-deployer-git --save

安装完成后打开博客根目录下的站点配置文件~/blog/_config.yml

找到deploy并配置以下内容

1
2
3
4
5
6
7
#部署
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
- type: git
repo: git@github.com:ASnowMoon/ASnowMoon.github.io.git #用户名@服务器Ip:git仓库位置
branch: master

其中git仓库位置需要改为你自己新建的

更改完成后在gitbash中输入以下命令即可把它部署到你的github上

1
hexo clean && hexo g -d

在浏览器输入 https://帐号名.github.io/ 查看你有没有部署完成

域名注册和解析到github

首先购买域名,腾讯云、阿里云都还不错,博主用的是腾讯云

解析域名

进入控制台,点击解析-添加记录

主机类型选择www,记录类型选择CNAME,记录值填入刚刚新建的github的域名ASnowMoon.github.io-保存

再选择@类型主机,保证主域名和包含www的域名都能成功解析,同样的,记录类型选择CNAME,记录值填入刚刚新建的github的域名ASnowMoon.github.io-保存

添加CNAME文件

在博客根目录下的source文件下新建一个文本文档CNAME.txt打开文本编辑器输入你的域名www.snowmoon.top保存,退出

退出后删除.txt后缀文件名

最终CNAME的配置效果:

image-20210318214322886

再打开你刚刚新建的github仓库,选择settings,在Options里找到Github Pages,在Custom domain里输入自己的域名

image-20210318214711681

这时候已经配置好了,再次部署到github上

1
hexo clean && hexo g -d

输入自己的域名进行测试发现打开之后访问的页面不是自己博客的页面

发现访问的是main分支,打开Settings找到Branchesmaster分支设置为默认分支并删除main分支后可以正常访问

参考文章

使用Hexo搭建个人博客并部署到GitHub或码云上全过程

部署在GitHub的个人博客如何绑定个人域名

打造个性超赞博客 Hexo + NexT + GitHub Pages 的超深度优化