以下内容,本人认为大部分已过时.VERCEL于2022/8/27被GFW通过DNS污染+SNI阻断变得不可用.

博客搭建

在优化博客之前,需要先搭建一个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.今天凌晨🕛,成功完成博客照片水印的自动处理.

2022年8月1日 星期一

优化了一点点性能(不过依然对GPU性能有较大要求),较以前极大提高了速度.

sw勉强能用,离线PWA暂时不考虑💭

2022年8月12日 星期五

更新:

目前实现了前端竞速,部分静态资源缓存.以及资源后台更新等.

缺点:网页性能差,卡. 该缺点仅在被淘汰设备中出现,本人的M1 Max表示没感觉.

2022年9月29日 星期三

博客支持HTTP/3(QUIC)协议访问.

博客支持自动化部署到IPFS.

博客采用多分布式部署,

优化线路提升接入速度, 后来想了想,暂不提升这个.

用户访问博客永远可用,

新增樱花🌸动效开关,

新增IPFS网盘访问等, 移除

优化博客sw逻辑等..

另外,访问本站主域名及其子域名TLS最低要求为TLS1.3且(在有服务器的域名中)至少为http2以上版本进行HTTPS连接.不满足则拒绝建立连接.建议更新浏览器或设备.

关于”用户访问博客永远可用”说明:

如果你曾访问过本站,那么即使主站无法访问或被打死了,依然不影响你的访问.

而且访问速度不会有明显影响.本站的镜像站巨多.绝对打不死.(别真有人打啊,我一个静态博客,打我又没价值,除非你是神经病,脑壳有包.顺便嘲笑一下,DDOS最没技术含量了😅.)

假设你即使打死了阿里OSS,各大CDN等等.
那你确实牛逼,我的新用户已经无法访问了.但是!老用户依然照样用,基本没影响.哈哈.🤣

2023年3月5日 星期日

(指的是chatgpt)深度优化部分JS,关于GPU占用高,修不来,复杂了,修复了部分javascript代码逻辑,然后整了个微黑名单(前端,除了对小白有点用,但实际上,我觉得没吊用的),更新了部分JS文件.