使用 NPM 腳本建立 Hugo 文章
前提 基礎知識：NPM, Hugo, JavaScript, shell script 預先安裝 VS Code, NPM CLI, Hugo CLI 前言 使用 Hugo CLI 建立文章對我而言是一項繁瑣的工作。因為我總是使用文章樣板（archetype）...
Posts
[筆記] 以狀態機實作多階段表單
基礎知識： Vue、TypeScript、XState、vee-validate、zod 初步構想 時常看到「多階段」的表單流程，也就是會將一個本...
漢語拼音輸入法介紹與實用技巧
前言 對於使用繁體中文的人來說（尤其是在台灣），漢語拼音或許是一個熟悉又陌生的存在。 我跟大部分的台灣人一樣，從小學的是注音，電腦打字自然也是用...
[開箱] 無印良品隨身風扇
2023 年春季，無印良品出了一款隨身風扇，準備好迎接酷暑的到來。 MUJI 風扇大戶 台灣的一年四季，大致可分為：夏、夏、夏、冬。嗯，你沒有眼花，確實就是三個...
[Hugo] 用 GitHub Actions 將 Hugo 網站部署至 Vercel
必備知識：Hugo、shell、npm、git 前言 原本部落格是部署在 GitHub 自家提供的靜態網頁 GitHub Page 上，但因為 GitHub 對於免費帳號的限制（給你免費用還嫌東...
[開箱] Boox Poke 4 Lite 電子閱讀器：開放與封閉的抉擇
最近入手了 Boox 文石的電子閱讀器 Poke 4 Lite，今天就來聊一下關於電子閱讀器的各種事吧！😎 Kindle：初探電子書 說到電子書，亞馬遜可以說是很早就...
牙醫與臭豆腐
晚餐後有預約看牙醫。 雖然是預約看牙醫，但實際上牙齒並沒有什麼不適，只是做定期的洗牙維護罷了。在吃晚餐之前，突然想到要看牙醫這件事。不是我忘記...
[CSS] Tailwind 主題色的切換
必備知識：CSS、HTML、JS、React 前言 Tailwind 提供了深色模式（Dark Mode），可以自行設定深色模式時的樣式，只要在 CSS class 前面加上 dark: 關鍵...
初探多執行緒實作模式
前言 本篇是略讀「Multithreaded JavaScript」這本書第六章：「多執行緒實作模式」（Multithreaded Pattern...
鴨川的各種風貌
曾經一段時間住在京都車站的南側，大概是十條車站那一帶。 因為鄰近鴨川，所以很常去那裡散步或跑步。説到鴨川這條河流，想必去過京都旅遊的人都會有印...