隨機手札 雜七雜八之地
最新文章:第2頁

部落格Nuxt 2升級Nuxt 3(二):基本架構與設定值

在抽換 UI 框架之後,接下來就開始真正的升級之旅了。參考官方的升級指南,第一步就是先修改設定值。

4 min

部落格Nuxt 2升級Nuxt 3(三):Nuxt Content v1 → v2

在初步修改非模組的設定值之後,接著就要開始著手模組的升級,這部份是連同改寫為 composition api 一起做的,畢竟不可能只升級特定模組的用法而不去動到其他程式碼,但為了讓文章閱讀容易,就還是分模組來紀錄。

7 min

部落格Nuxt 2升級Nuxt 3(四):PWA模組 @nuxt/pwa → @vite-pwa/nuxt

在紀錄了最重要的Nuxt Content升級過程之後,接著是 PWA 模組。

1 min

部落格Nuxt 2升級Nuxt 3(五):Sitemap模組升級

原本使用的 Sitemap 模組 @nuxtjs/sitemap 有支援 Nuxt 3 的版本,所以升級起來不如前面幾篇困難,主要就是修改一下設定值而已。

2 min

部落格Nuxt 2升級Nuxt 3(六):Vuex → Pinia

Nuxt 3 的狀態管理套件從 Nuxt 2 的 Vuex 改成了 Pinia,兩者差異不算大,部落格用到的功能也不多。其中比較要注意的就是 Nuxt 3 不再提供nuxtServerInit方法,若需要在 server 端初始化一些資料的話,就要透過其他作法來完成。

5 min

部落格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
關於隨機手札與我
嗨,我是阿傑!

一名浮沈於前端汪洋的小碼農,主要使用的框架為Vue及其生態系。平常的興趣是喝飲料、玩手遊(鎖鏈戰記、歧路旅人:大陸的霸者)。

關於我