Hexo博客访问优化日记

更新记录

Hexo博客优化日记

2019-04-09:Hexo博客搭建

Win10、Ubuntu系统下的Hexo安装配置
将Hexo部署到Github上，开通Github pages服务，使用https://username.github.io访问Hexo博客。
域名绑定，使用自定义域名访问Github pages。
定制脚本，只需要敲数字就能完成一系列指令操作。

2020-09-21:使用Vercel加速Hexo博客

使用Vercel给Github pages提供免费CDN服务
根据主分支变动与否决定是否触发持续部署。

2020-09-21:使用Coding和github来实现双线部署

将Hexo博客部署到Coding
根据主分支是否变动决定触发持续部署
给Coding添加自定义域名，提供国内线路。

2020-09-22:使用Gitee提供镜像站支持

将Hexo部署到Gitee作为Hexo镜像站
使用Gitee Pages部署静态网页
使用https://usernanme.gitee.io访问镜像站

2020-09-22:使用Github Action实现全自动部署

根据存放源码的主分支是否变动决定是否启动持续部署
自动部署至Github、Coding、Gitee。
使用脚本自动更新Gitee Pages。

2020-09-23:给博客添加PWA

仅针对Butterfly
给Hexo博客添加PWA渐进式网络应用
配合GULP插件压缩静态页面资源

2020-10-02:优化博客静态资源提升访问速度

压缩图片资源
使用jsdelivr给js、css文件提供免费CDN加速
使用lighthouse评测网页性能并获取改进意见。

2020-11-17:给js添加异步加载属性

使用defer和async控制异步加载
调整js的加载顺序，减少HTML加载阻塞

2020-12-08:静态资源加速教程

移除原本的简略内容。
独立编写一篇详细的静态资源加速图文教程。

2022-01-19: 文本迁移

将gulp内容从合集迁移至独立文章
新增字体压缩相关内容

博客搭建

在优化博客之前，首先肯定需要搭建一个Hexo博客。

🍰Win10下搭建

Win10-Hexo+github搭建个人博客
通过这篇教程，能够实现

Win10系统下的Hexo安装配置
将Hexo部署到Github上，开通Github pages服务，使用https://username.github.io访问你的Hexo博客。
域名绑定，使用自定义域名访问Github pages。
博主定制脚本，只需要敲数字就能完成一系列指令操作。

🍫Ubuntu下搭建

Ubuntu本质依然是linux系统，如果是对linux系统不了解的不建议在linux系统上进行操作。
如果保持着学习的心态，那么在做好可能会需要多次重装的心理准备后，可以先看看前置教程。
Ubuntu重装日记
在配置好相对完整的linux美化开发环境以后，再继续进行Hexo博客的搭建。
Ubuntu-Hexo+github搭建个人博客
通过这篇教程，能够实现

Ubuntu系统下的Hexo安装配置
将Hexo部署到Github上，开通Github pages服务，使用https://username.github.io访问你的Hexo博客。
域名绑定，使用自定义域名访问Github pages。
博主定制脚本，只需要敲数字就能完成一系列指令操作。