更新记录
Hexo博客优化日记
- Win10、Ubuntu系统下的Hexo安装配置
- 将Hexo部署到Github上,开通Github pages服务,使用
https://username.github.io
访问Hexo博客。 - 域名绑定,使用自定义域名访问Github pages。
- 定制脚本,只需要敲数字就能完成一系列指令操作。
- 使用Vercel给Github pages提供免费CDN服务
- 根据主分支变动与否决定是否触发持续部署。
- 将Hexo博客部署到Coding
- 根据主分支是否变动决定触发持续部署
- 给Coding添加自定义域名,提供国内线路。
- 将Hexo部署到Gitee作为Hexo镜像站
- 使用Gitee Pages部署静态网页
- 使用
https://usernanme.gitee.io
访问镜像站
- 根据存放源码的主分支是否变动决定是否启动持续部署
- 自动部署至Github、Coding、Gitee。
- 使用脚本自动更新Gitee Pages。
- 仅针对Butterfly
- 给Hexo博客添加PWA渐进式网络应用
- 配合GULP插件压缩静态页面资源
- 压缩图片资源
- 使用jsdelivr给js、css文件提供免费CDN加速
- 使用lighthouse评测网页性能并获取改进意见。
- 使用defer和async控制异步加载
- 调整js的加载顺序,减少HTML加载阻塞
- 移除原本的简略内容。
- 独立编写一篇详细的静态资源加速图文教程。
博客搭建
在优化博客之前,首先肯定需要搭建一个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
。 - 博主定制脚本,只需要敲数字就能完成一系列指令操作。
在学习以下四步加速方案前,先来了解一下这个加速过程的原理
Vercel加速
Coding&Github双线部署
Gitee镜像站支持
Github Action
访问速度优化
异步加载静态资源
添加pjax适配
给博客添加PWA
二级域名的活用
大神博客
评论
TwikooWaline