以下内容,本人认为大部分已过时.VERCEL于2022/8/27被GFW通过DNS污染+SNI阻断变得不可用.
本页内容已过期.
更新日志📔:浅记博客更新日志
博客搭建
在优化博客之前,需要先搭建一个Hexo博客.本文属于回忆性,各个地方不会太详细.
新建文件夹有空再写
新建文件夹有空再写
新建文件夹有空再写
加速,优化
网站访问加速图解(流程图):
本人采用的是单路 Vercel 加速部署.没有使用Github Action自动部署为了我博客的安全性🔐和隐私🔏性等因素的考虑💭,将我GitHub的仓库私有化了,私有仓库启动自动部署可是要给￥RMB的(我就被坑了几十块).最后还是用了Github Action自动部署.
因为 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开始推送. 发 现失败了,过几天再修一下小问题. 不修了,摆烂了.
未完待续,以后再继续挖坑. 看情况再写.(现在是随便写写✍️模式)
浅记更新日志 哪去了呢? 已经在另外篇文章开始水💦了.
