Big_Cake

晓雨杂记

也许我们会分别,但我们将永远不会忘记彼此
bilibili
github
twitter
zhihu
telegram
tg_channel

為了純粹的快樂-來看看我對我的博客做了什麼

只為了更快:性能與美觀優先,這幾個月我對我的部落格做出了一些大的更改。

伺服器與 CDN#

如果我不說的話,你可能很難相信我的部落格使用的是 Cloudflare CDN。

幾個月前,我將我的部落格掛在了 Vercel 上,後來異想天開想要加入 HSTS Preload List 時發現 Vercel 的響應頭不好改(指必須修改 vercel.json),於是索性把整個域名的 Name Server 換到了 Cloudflare 上,速度也沒那麼不堪。

後來在對 Cloudflare Pages 進行部落格加載性能測試時,DevTools 顯示的加載完成時長明顯比 Vercel 的時間短很多,因此我在上週將部落格遷移到了 Cloudflare Pages 上。這樣,因為沒有了回源延遲,加載速度快了很多。

在十年之約與開往的 QQ 群中,我將部落格的鏈接發了出來請求大家訪問一下,以便獲得足夠的反饋。基本上大多數反饋給我的信息就是:第一次加載 3 到 5 秒內完成,最長 6 秒;第二次加載由於有了緩存,所以基本保持在 1 - 3 秒內加載完成。這說明目前的訪問體驗較部落格初期好了很多。

框架#

之前,我使用 Hexo 作為部落格框架,使用 Yun 作為主題。

Yun 主題的一個特點就是完全不需要依賴 jQuery,所有資源文件均使用公共 CDN,這從根本上加快了部落格的加載速度,而我只需要解決圖床的問題。

但是你可能會說:“以前?那現在呢?難道除了 Hexo 還有別的好用的靜態部落格生成器嗎?”

是這樣的。如果你把頁面滾動到最底部,就可以在頁腳上發現這樣一行字:

Valaxy v0.14.15 驅動 | 主題 - Yun v0.14.15

我的部落格現在使用 Valaxy 作為生成器,由於框架的開發使用的是 Vue 3、Vite 4、ESBuild,因此我的部落格可以擁有優秀的頁面切換體驗、頁面熱更新、組件按需打包,同時可以任意使用 Vite 和 Vue 的插件。

Valaxy 的 Yun 主題也同樣繼承了 Hexo 版本的優良特性與功能,因此我沒有花費太多精力就將部落格遷移到了 Valaxy。

image

圖床#

晓雨's Blog API

前幾篇文章我一直使用的是 CSDN 和 米遊社的圖床,但是最終還是因為沒有緩存的原因轉向了自建。

目前的解決方案是使用 Vercel + Cloudflare 加載,也有以前的 Cloudflare R2 和 Backblaze B2 圖床。

不過自建圖床預計之後會長期使用。大概就是這樣了吧。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。