博客搭建

在优化博客之前,需要先搭建一个Hexo博客.本文属于回忆性,各个地方不会太详细.

新建文件夹有空再写

新建文件夹有空再写

新建文件夹有空再写

加速,优化

网站访问加速图解(流程图):

img

本人采用的是单路 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"
},
//cdn.cnortles.top jsd.hin.cool
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"
},
//cdn.cnortles.top jsd.hin.cool
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"
},
//cdn.cnortles.top jsd.hin.cool
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.今天凌晨🕛,成功完成博客照片水印的自动处理.