上次更新部落格程式碼已經是2025/1的事情了,這次稍微修正一些小地方的版型,以及增加了Web Push推送通知的功能。其實更新的並不算太多,主要最近方針也是想先把文章內容經營的充實一些…才怪,其實是最近剛好想到要加Web Push功能,才連帶把好幾個想到的內容進行更新的XD。
Web Push 訂閱推送功能 🔗

這個應該是很常會在一些新聞或是知識分享網站上面看到的要求通知權限的提示框,也是這次功能Web Push的訂閱動作。只要允許顯示通知,之後只要Seagalogs有新文章的時候都會同步推送通知到有允許的裝置/瀏覽器上,產生的新發文通知也可以透過點擊直接連到新文章的頁面。
本來是也有想要做email通知的,但又要在網頁上面新增訂閱區塊,還要考慮濫用或惡意攻擊之類的情況,就改先開發比較省心的Web Push了。
延伸閱讀:本站Web Push功能開發的紀錄
切換頁面、文章列表換頁會回到頂端 🔗
這個也是煩了很久的問題,ScrollToTop在Nuxt3上面的問題看網路上也是層出不窮,這次終於在不斷試錯後成功調整好了。
Google Adsense廣告投放優化 🔗
這也是調整很久都沒想到好方法的問題,Google Adsense自動廣告又一直跑到奇怪的位置去投放,後來找到Brandon Lehr大Google-Adsense-SSR-React的文章,雖然是React的作法,但是經過轉換後在SSR的Nuxt上面效果比我本來的頁尾廣告投放成功率好很多,所以:
- 固定頁尾廣告依然存在,但有經過優化。
- 文章列表中間塞上兩個廣告。
- 移除自動填入型廣告避免版型被破壞。
其他細項 🔗
- 避免手機閱讀文章頁面的時候頁面左右滑動
- 主要內容和頁尾之間的間隔稍微拉大
- 類別、標籤的文章列表標題處版型調整
大概就是這樣,其實還是有很多內容可以慢慢去優化,只是常常要改網頁就沒時間寫文章、寫文章就沒時間改網頁,真的好想要一天有個3.40小時XD。