记一次对博客加载速度进行的极致优化
前言
前几天发现我的博客晚高峰时加载速度非常慢,要加载十多秒才完成,可能是因为我套了腾讯EdgeOne,但是源站还远在洛杉矶的原因,突然想起来EdgeOne不久前上线了Pages,心想:我是不是可以把博客直接扔在EdgeOne的Pages上?这样就不用回源到我的服务器了,并且hexo是纯静态博客,完全可以实现。Edgeone Pages可以直接从代码仓库导入项目,恰好hexo可以直接把静态文件上传到Github。
上传到GitHub
Github新建仓库
在Github新建一个仓库,用来存放hexo生成的静态文件,这里仓库名可以任意,我用的是hexo_public,然后在下面可以选择将仓库私有,创建完仓库后把ssh连接地址记录下来git@github.com:your_username/your_repository.git
创建连接密钥
在你的VPS或者本地电脑中输入此命令,这里我用debian系统的VPS为例1
ssh-keygen -t rsa -C "github 注册邮箱"
接着我们直接可以连续三次回车
然后在VPS的/root/.ssh目录可以看到有两个文件,一个是id_rsa,另一个是id_rsa.pub,前者是我们私有的私钥,而后者则是对外开放的公钥
我们用vim打开id_rsa.pub,将里面的内容复制下来
在GitHub SSH KEYS新建SSH KEY,Title可以任意填写,类型选择Authentication Key,将刚刚复制的内容粘贴到Key里,点击 Add Key
然后回到我们的VPS,命令行输入下面的内容(/path/to/your/id_rsa替换为你私钥的路径,我这里是/root/.ssh/id_rsa),用于测试密钥是否正确1
2
3
4git config --global user.name "github 用户名"
git config --global user.email "github 注册邮箱"
ssh -T git@github.com -i /path/to/your/id_rsa
如果出现图中内容,则说明连接成功
HEXO连接GitHub
先cd到博客的根目录1
cd /path/to/your/hexo
使用下面的命令安装Hexo的Git部署插件1
npm install hexo-deployer-git --save
然后编剧博客根目录下的_config.yml,添加以下配置,repo内容填写为第一步复制的SSH连接地址1
2
3
4deploy:
type: git
repo: git@github.com:your_username/your_repository.git
branch: main
然后我们执行hexo clean && hexo deploy,Hexo生成的内容就会自动上传到GitHub了
EdgeOne Pages部署静态文件
在EdgeOne Pages中新建项目,选择导入git仓库
这里我们选择Github
然后登录你的GitHub账号,完成授权,然后选择你放静态文件的仓库,点击开始部署,等待片刻之后,就部署成功了!
接着我们可以在项目管理处添加自定义域名
大功告成,现在访问我的博客已经快多了,而且每次hexo deploy之后Edgeone都会自动更新内容!
为什么选择 EdgeOne Pages?
因为我的域名已经备案,而且博客的内容都是合法内容,所以我把他部署在有国内节点的EdgeOne Pages肯定比部署在Github Pages/Cloudflare pages/Vercel 好的,反正都是免费的。




