DriftKingTW's Bloghttps://blog.driftking.tw/icon.pngprintf("%s", "Stay Curious, Stay Creative");2025-09-16T23:00:00+08:00https://blog.driftking.tw/DriftKingTWHugo2025 F1 鈴鹿日本站自由行觀賽遊記 & 一般席攝影心得 Day-1 (FP1 & FP2)https://blog.driftking.tw/2025/09/2025_f1_suzuka_gp_d1/2025-09-16T23:00:00+08:002025-09-16T23:00:00+08:00
今年（2025）終於到日本鈴鹿完成了到現場看 F1 的夢想了啊啊啊！雖然自小就一直很喜歡車車，但其實大約也是從 2016~17 年左右才開始看 F1 比賽，更小時候都只看 WEC 耐久系列（？），以前不太喜歡開輪賽車 🤣 那時候覺得看起來只有車架很醜
回到正題，這篇主要是想記錄 …一定要用 PoE HAT 嗎？ 試試自己動手替樹莓派加上符合 IEEE802.3af 標準的 PoE 模組吧！https://blog.driftking.tw/2024/12/raspberry-pi-w-poe-module/2024-12-04T23:00:00+08:002024-12-04T23:00:00+08:00
看到標題後，你的內心 OS 可能是「市面上這麼多 PoE HAT 即插即用，幹嘛這麼麻煩？」🥺
或是「PoE 是什麼鬼 😱？！」如果有以上疑問，請容我先簡單說明一下什麼是 PoE 以及這麼做的理由 ⬇️樹莓派 5 透過 RTC 自動定時開機https://blog.driftking.tw/2024/12/raspberry-pi-5-rtc-scheduled-boot/2024-12-01T22:00:00+08:002024-12-01T22:00:00+08:00
在上一篇 透過樹莓派 5 及 ZeroTier 幫 NAS 做異地備份 設定完成後，立刻發現了個小問題：樹莓派會需要整天開機偷懶等待 NAS 的備份請求，但我一天只有跑一次備份然後一次備份時間也不多，這樣讓樹莓派整天開機無所事事實在有夠浪費電，~~秉持著環保精神(電費)~~於是 …透過樹莓派 5 及 ZeroTier 幫 NAS 做異地備份https://blog.driftking.tw/2024/06/pi-remote-backup-for-synology-nas-using-zerotier/2024-06-28T22:00:00+08:002024-06-28T22:00:00+08:00
這玩意看起來很適合做異地備份欸！ <- 這是我某天看到樹莓派 5 的 PCIe 轉雙 M.2 HAT 推出之後的反應 XD
前陣子 (其實也挺久了) 樹莓派推出了第五代，這次終於提供了 PCIe 接口 真是振奮人心 😭
恰巧前陣子亂逛時發現有幾家廠商推出了雙 M.2 版本的 …透過 Cloudflare Zero Trust 與 WARP Client 從外網連回 Synology DSMhttps://blog.driftking.tw/2024/06/cloudflare-zero-trust-for-synology-nas/2024-06-24T21:00:00+08:002024-06-24T21:00:00+08:00
由於現在的網路環境有兩層路由，且對外的路由我沒有控制權，以前要從外網連回家中的 Synology NAS 都要透過群暉的 QuickConnect 實現，後來經朋友推薦發現 Cloudflare Zero Trust 可以達成類似功能，並且可以掛上自己的域名！！(重要)
搜尋了 …Pi Dash - 一個比較大的桌上型 Touch Bar 還是 Cyberdeck ？https://blog.driftking.tw/2023/10/pi-dashboard/2023-10-18T21:00:00+08:002023-10-18T21:00:00+08:00
那個被詬病已久，大家喜聞樂見被砍掉的 Touch Bar，偏偏是我最喜歡的功能之一！！ 😭😭😭（蘋果怎麼在這種地方聽到了使用者的回饋）
既然官方不幹了，那就是時候來弄一個更強並更符合自己需要的替代品吧。
偷偷說一下，其實這個小專案已經完成並使用超過一年了，中間也陸續對軟硬體設計 …30 款 macOS 生產力軟體推薦https://blog.driftking.tw/2022/04/macos-productivity-tools-recommendation/2022-04-14T19:00:00+08:002022-04-14T19:00:00+08:00雖然 macOS 已經預設了不少實用的工具軟體，但還是有不少可以改善的空間。幸好相較 iOS 來說它有著更高的自由度，所以這篇就來推薦一下我自己在 macOS 中最常使用的第三方開發的生產力軟體吧！Logitech Master 3 拇指鍵切換裝置功能改裝https://blog.driftking.tw/2022/04/logitech-master-3-gesture-button-modify/2022-04-11T22:00:00+08:002022-04-11T22:00:00+08:00
雖然很喜歡羅技 Master/Anywhere 系列的滑鼠，不過對於多裝置切換的功能上不太滿意，主要是因為鍵盤不是羅技的，所以 Logitech Flow 的軟體切換只能切滑鼠對我來說沒有什麼卯月(加上需要切換的裝置也不在同一個區網裡面)，這樣的情境下就必須得使用滑鼠底部的切換 …在 Apple Silicon Mac 上使用 DisplayCAL 校正外接顯示器https://blog.driftking.tw/2022/02/calibrate-external-monitor-on-apple-silicon-mac-by-displaycal%208.48.59%E2%80%AFPM/2022-02-07T19:00:00+08:002022-02-07T19:00:00+08:00最近又到了要重新幫螢幕校色的時候了，之前都是使用 DisplayCAL 這套軟體做色彩校正，但去年年底將電腦換成 Apple Silicon Mac 後，在軟體使用上遇到了無法偵測外接螢幕的問題，這邊分享一下解決方式：Express.js 接收 Text/Plain 請求只解析出空物件問題https://blog.driftking.tw/QuickFix/expressjs-parse-text-plain-request/2021-10-29T16:00:00+08:002021-10-29T16:00:00+08:00最近使用 Express 接收 FilePond 套件回傳的 Content-Type: text/plain 請求時，透過 req.body 取得資料時總是拿到空資料。
解法是要另外使用 express.text() 來進行解析：Vuetify 圖片垂直置中https://blog.driftking.tw/QuickFix/vuetify-image-vertical-centering/2021-10-15T16:00:00+08:002021-10-15T16:00:00+08:00利用 v-layout 達成：
1 2 3 <v-layout fill-height align-center> <v-img></v-img> </v-layout>PM2 各專案 Dotenv 路徑設定https://blog.driftking.tw/QuickFix/pm2-dotenv-configuration/2021-10-15T16:00:00+08:002021-10-15T16:00:00+08:00使用 PM2 管理 Node App 時如果有使用 doenv 會讀取目前目錄的 .env 檔案，例如在以下的資料結構下：
1 2 3 myApp/ app.js .env 在 myApp 同級目錄中執行 pm2 start myApp/app.js 時會去讀取同層級的 .env …在 localStorage 儲存布林值(Boolean)https://blog.driftking.tw/QuickFix/save-boolean-value-using-localstorage%20/2021-10-01T16:00:00+08:002021-10-01T16:00:00+08:00由於 localStorage 規範中只能儲存字串，但如果想儲存布林值或其他格式可利用 JSON 的方式達成：Vue.js dotenv 環境變數使用及注意事項https://blog.driftking.tw/QuickFix/vuejs-dotenv-file-configuration/2021-08-18T16:00:00+08:002021-08-18T16:00:00+08:00最近遇到了 API URL 分 Development 及 Production 不同設定的問題，想使用環境變數來解決，讓 URL 在不同的環境下自動使用對應的設定，嘗試後發現有些使用重點跟容易忽略的地方：找不到喜歡的單手鍵盤？那就自己做吧https://blog.driftking.tw/2021/07/diy-bluetooth-marco-pad/2021-07-13T00:00:00+08:002021-07-13T00:00:00+08:00
在這繪圖螢幕入門門檻越來越低及iPad逐漸成為專業繪圖板的時代，市面上也跟著出現不少主打創作者/遊戲用的單手鍵盤或是快捷操作裝置。但是等了好幾年了，還是找不到「適合」自己的鍵盤 🤨 那麼，與其繼續等下去不如自幹一個適合自己的單手鍵盤吧！Quick Fix - 網頁利用錨點連結導航時，導覽列遮住了標題怎麼辦https://blog.driftking.tw/QuickFix/navbar-covers-heading-with-anchor-link/2021-04-19T21:00:00+08:002021-04-19T21:00:00+08:00Q：這是個常見的 CSS 問題，當利用錨點連結 <a href="#heading"></a> 跳到該標題時，如果是 Fixed 或 Sticky 的導覽列就會擋住標題，可以參考這個 CodePen範例Quick-Fix node-sass no such file or directory 錯誤https://blog.driftking.tw/QuickFix/node-sass-error/2021-04-18T00:30:00+08:002021-04-18T00:30:00+08:00Q: 最近在利用 Vue-Cli 建立專案時遇到 node-sass 出現如下錯誤：
1 2 3 4 5 ERROR Failed to compile with 1 error error in …利用 Valine-Admin 與 Gmail 為 Valine 留言系統提供 Email 通知功能及留言管理https://blog.driftking.tw/2021/04/add-email-notification-to-valine/2021-04-13T19:00:00+08:002021-04-13T19:00:00+08:00本站使用的是 Valine 留言系統，但是之前忘了加上留言通知導致有些留言沒看到（非常抱歉😅，後來事物繁忙到現在才加上通知功能。
這次就來記錄如何使用 Valine-Admin 透過 Gamil 的 SMPT 服務免費加上 Email 通知功能以及留言管理後台吧！Quick Fix - macOS 連接公用 WiFi 出現登入錯誤訊息https://blog.driftking.tw/QuickFix/macos-wifi-captive-portal-broken/2021-04-11T19:42:36+08:002021-04-11T19:42:36+08:00Q: macOS 連接公用 WiFi 登入畫面一片空白並出現登入錯誤訊息？
A: 在 ~/Library/LaunchAgents 中新增一個檔案名為 my.shim.catalina.captivenetworkassistant.plistQuick Fix - 無法在 iPad 的 Affinity Photo 中開啟 PSD 檔案？https://blog.driftking.tw/QuickFix/cant-import-psd-on-affinity-photo-ipad/2021-04-11T19:21:10+08:002021-04-11T19:21:10+08:00Q: 我無法在 iPad 的 Affinity Photo 中開啟 PSD 檔案？
A: 如果裝了 Adobe Fresco，可能會造成 PSD 檔案在 Affinity Photo 中無法開啟，刪除 Fr 之後即可解決問題。