Hexo+GitHub+阿里云域名解析搭建博客

1.环境搭建

node、github相关环境搭建参照: 搭建Hexo个人博客详细教程

2.Hexo更换主题

主题选用 Fluid,效果如下
Fluid主题首页效果图

2.1 Fluid安装

参考Fluid文档: Fluid开始使用

推荐使用npm方式安装

2.2 Fluid配置指南

参照文档: Fluid配置指南

3. Hexo创建文档及提交方式

3.1 配置github仓库

在本地所创建的项目里面找到 _congif.yml文件,找到 deploy 字段,把以下代码放进去,填写第一步新建的仓库地址
配置github仓库

3.2 安装推送工具

用npm安装一个推送工具,将本地项目推到仓库上

1
npm install hexo-deployer-git --save

3.3 创建文章及推送

1
2
3
4
hexo new 测试文章 # 1.创建新文章,'测试文章'为文件名,文章格式为markdown,新文章在source/_posts目录下
hexo clean # 2.此命令用于清除缓存(非必须但建议执行)
hexo g # 3.hexo generate简写,即生成静态文件
hexo deploy # 4. 推送到github

注意: 只有推送到github后才能通过域名方式访问,否则只能在本地localhost:4000(hexo server 命令启动本地server)查看

4. 域名绑定

4.1 域名购买

这里域名选择阿里云, 域名购买方式可自行百度

4.2 域名解析

域名购买后需解析,解析步骤及绑定github参考: hexo绑定个人域名

具体解析记录可参考下面阿里云域名解析记录截图:
阿里云域名解析记录

5.使用域名访问博客

上述步骤完成后即可通过域名方式博客
使用域名访问博客

6.其他问题

6.1 markdown图片失效问题

有种原因是图床存在防盗链,会报403禁止访问,此种问题解决方案可参考: 外链图片不显示

6.2 GitHub配置自定义域名新推送失效问题

域名绑定后已经能通过个人域名访问托管在github的博客了,但存在一个问题,就是每次hexo d重新部署后,配置的 GitHub Pages 自定义域名消失
解决方案也很简单就在source 目录下新建一个CNAME文件,将个人域名填进去即可,可参考: 为HEXO绑定自己的域名


Hexo+GitHub+阿里云域名解析搭建博客
https://zhangphh-blogs.top/2024/11/16/Hexo-GitHub-阿里云域名解析搭建博客/
作者
zhangphh
发布于
2024年11月16日
许可协议