博客搭建
在优化博客之前,需要先搭建一个Hexo博客.本文属于回忆性,各个地方不会太详细.
加速,优化
网站访问加速图解(流程图):

本人采用的是单路 Vercel 加速部署.没有使用Github Action自动部署为了我博客的安全性🔐和隐私🔏性等因素的考虑💭,将我GitHub的仓库私有化了,私有仓库启动自动部署可是要给¥RMB的(我就被坑了几十块).
因为 coding 被腾讯帝国收购后没了静态网站部署功能.所以没法采用双路部署了.再加上还要实名认证,收集你的信息,Gitee和Coding等国内的都不推荐,但提供一个思路——国内和国外走不同的路线
本站经过了很多次的优化多少个日日夜夜,很多次凌晨🕛修bug,重构博客n次,算是尽力优化了.反正我优化和不优化,我MBP从来都没卡过.倒是经常有人抱怨我博客卡.电脑太拉了?
本站最初并未采用vercel加速,所以部分资源(例如图床等)仍在GitHub.
所以即使我部署到vercel,部分资源仍然需要从GitHub上拉取.为此我搞过一些办法,但效果不显著
Jsdelivr之前SSL证书📄被国内吊销了,所以也访问很慢(或者说无法访问)了.不过现在还是转到Jsdelivr了,因为它买了许多cdn加速域名,换一个就行了甚至可以在前端写个加速判断,来选择哪个cdn加速——懒,不想弄
jsDelivr同时买了多家CDN,可以根据网站情况选择合适的.
1 2 3 4 5
| testingcf.jsdelivr.net fastly.jsdelivr.net originfastly.jsdelivr.net gcore.jsdelivr.net quantil.jsdelivr.net
|
前端代码CDN优选
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
| let cdn = { "gh": { jsdelivr: { "url": "https://cdn.jsdelivr.net/gh" }, pigax_jsd: { "url": "https://u.pigax.cn/gh" }, pigax_chenyfan_jsd: { "url": "https://cdn-jsd.pigax.cn/gh" }, tianli: { "url": "https://cdn1.tianli0.top/gh" }, cnortles: { "url": "https://cdn.cnortles.top/gh" }, hin_cool: { "url": "https://jsd.hin.cool/gh" } }, "combine": { jsdelivr: { "url": "https://cdn.jsdelivr.net/combine" }, pigax_jsd: { "url": "https://u.pigax.cn/combine" }, pigax_chenyfan_jsd: { "url": "https://cdn-jsd.pigax.cn/combine" }, tianli: { "url": "https://cdn1.tianli0.top/combine" }, cnortles: { "url": "https://cdn.cnortles.top/combine" }, hin_cool: { "url": "https://jsd.hin.cool/combine" } }, "npm": { eleme: { "url": "https://npm.elemecdn.com" }, jsdelivr: { "url": "https://cdn.jsdelivr.net/npm" }, zhimg: { "url": "https://unpkg.zhimg.com" }, unpkg: { "url": "https://unpkg.com" }, bdstatic: { "url": "https://code.bdstatic.com/npm" }, pigax_jsd: { "url": "https://u.pigax.cn/npm" }, pigax_unpkg: { "url": "https://unpkg.pigax.cn/" }, pigax_chenyfan_jsd: { "url": "https://cdn-jsd.pigax.cn/npm" }, tianli: { "url": "https://cdn1.tianli0.top/npm" }, cnortles: { "url": "https://cdn.cnortles.top/npm" }, hin_cool: { "url": "https://jsd.hin.cool/npm" } } }
|
博客进行过压缩图片,CDN 加速,Gulp 压缩全站静态资源,合并 CSS 以减少请求次数,调整第三方 JS 加载位置,Hexo 异步加载,Pjax等等.
本博客于2022年4月15日决定引入ServiceWorker技术前端黑科技,非常牛逼,也是PWA(渐进式Web应用)的核心与灵魂,但是SW可以完全脱离PWA存在,而PWA可离不开.
关于SW技术,这位大佬的文章写得很好.
现在是2022年4月16日 03:12:18 尝试启用ServiceWorker技术.测试完成✅,于2022年4月16日 03:33:43开始推送. 发 现失败了,过几天再修一下小问题.不修了,摆烂了.
未完待续,以后再继续挖坑.看情况再写.
2022年5月15日 星期日 尝试更新 Hexo ,butterflt.今天凌晨🕛,成功完成博客照片水印的自动处理.