隨機手札 雜七雜八之地

部落格Nuxt 2升級Nuxt 3:前言

從去年年初開始建置的這個部落格網站,邊寫文章的同時陸陸續續補上功能後,大概到上個月才終於像是有個部落格的樣子。但由於 Nuxt2 即將在 2024/06/30 停止官方支援,而作為基底的 Vue2 更是在 2023/12/31 已停止官方支援,所以……想說要做的新功能可能先放著,先把部落格從 Nuxt2 升級到 Nuxt3 比較好。

5 min

部落格Nuxt 2升級Nuxt 3(一):bootstrapVue置換成自製的bootrap5元件

如之前規劃,部落格升級 Nuxt3 的第一步是先把 bootstrapVue 抽換成自己實做的 bootstrap5。這篇是紀錄過程中覺得特別困難或是需要研究的部份。

4 min

Nuxt3中使用vite-pwa實現pwa功能

之前在 Nuxt2 時可以滿無痛的使用 nuxt/pwa 來為網站新增 PWA 功能,但因為此模組沒有開發 Nuxt3 版本,最近開始接觸 Nuxt3 後得尋找替代品,在官方模組清單頁面中搜尋 pwa 只發現一個模組:vite-pwa-nuxt。

6 min

部落格遊牧紀錄:Blogger、Medium、Matters、Github Pages

在接連嘗試過 Blogger、Medium 以及 Matters 之後,最後決定還是把部落格收回來自己架在 Github Pages 上,此篇文章除了紀錄其中的心路歷程,也順便分享在不同平臺體驗到的優缺點,以及爲何決定要收回來自己架的原因。

15 min

ChromeOS Flex 試用心得 @ ASUS E203NA

接觸了 Linux 之後,一直都覺得舊電腦救星非 Fedora、Ubuntu 這種主流的 Linux 發布板莫屬,然而在 Google 釋出 ChromeOS Flex 之後,便覺得這個寶座或許已經換人坐了,尤其是在硬體更加有限的小筆電領域更是如此。

10 min

2023沖繩自由行:第三天——觀光巴士南部一日遊

繼上一篇搭觀光巴士玩了沖繩北部之後,想當然也要來一台南部的。

10 min

2023沖繩自由行:第二天——觀光巴士北部一日遊

之前去沖繩的時候還不會開車,所以跟朋友租了機車;這次去沖繩雖然會開車了,但會了才知道自己真的不是開車的料,連在台灣都不敢開了,去沖繩還要不同方向駕駛就更不敢了。於是出發前就在查各種大眾交通資訊,還被朋友質疑去沖繩沒自駕是要玩什麼。

11 min

在Nuxt Content v1中實現程式碼區塊複製貼上功能

用 Nuxt Content 作為部落格的基底讓我最開心的部份,就是 markdown 中的程式碼區塊了,自動上色、格式化、支援的語言非常多,這是很多部落格平台都無法提供的,但若需要程式碼複製貼上功能,就得自己額外處理。

4 min

在Fedora 38中關閉Intel Turbo Boost

在 Macbook Air 2013 上 安裝 Fedora後,發現會有容易過熱的問題(溫度直上 90°C 甚至 100 °C),找到了一個解決方式是直接關閉 Intel Turbo Boost。因為過程稍微複雜一些,所以就把他紀錄下來了。

6 min

在Nuxt 2中建立動態routes的sitemap

Sitemap 雖然對網站來說非必要,但為了 SEO 考量通常都還是會建立。而在 Nuxt 2 中可以透過@nuxt/sitemap模組來簡單建立 sitemap。但若遇到動態頁面,這個模組無法自動新增,官方文件要求使用者必須自行新增,而官方建議的作法以及網路上查到的方式好像都滿麻煩的,所以自己搞了一個小撇步出來,覺得頗方便,所以就紀錄下來。

4 min