http://localhost:3000/ Recent content on Yuan のノート Hugo zh-tw Thu, 25 Jun 2026 00:00:00 +0000 http://localhost:3000/about/ Thu, 25 Jun 2026 00:00:00 +0000 http://localhost:3000/about/ <h2 id="嗨我是-yuan">嗨,我是 Yuan</h2> <p>寫後端，也碰碰嵌入式系統。</p> <p>偶爾把遇到的問題、看過的文件、做過的實驗隨手記在這裡。</p> <p>留下一些思考過的痕跡。</p> <p>一直偏愛從零開始構建東西的感覺。</p> <p>不斷試錯，不斷重構，在推翻和重建之間慢慢靠近更好的答案。</p> <p>大概因為始終相信一件事：</p> <p>再複雜的東西，都有它自己的邏輯。</p> <p>只是剛好，理解它這件事讓人著迷。</p> http://localhost:3000/posts/otp-code-introduction/ Tue, 26 Aug 2025 23:54:11 +0800 http://localhost:3000/posts/otp-code-introduction/ <h2 id="前言">前言</h2> <p>有時候我們登入服務時，螢幕會跳出一句：「你的驗證碼是 123456」。這串數字只能用一次，過了幾十秒就失效了。這種機制叫做 <strong>OTP（One-Time Password，一次性密碼）</strong>。</p> <p>它看似簡單，卻是今天大多數二階段驗證（2FA）或多因子驗證（MFA）的基石。這篇文章，就來聊聊 OTP 的運作方式，最後會給一個 Go 的範例程式，讓你自己動手試試。</p> http://localhost:3000/posts/passkey-introduction/ Mon, 25 Aug 2025 23:45:30 +0800 http://localhost:3000/posts/passkey-introduction/ <h2 id="前言">前言</h2> <p>「把密碼換成裝置裡的私鑰」——這就是 Passkey 的核心概念。 我們用最小可行的方式，寫一個可以真的註冊與登入的 WebAuthn 小服務。</p> http://localhost:3000/posts/oauth-introduction/ Fri, 22 Aug 2025 20:30:22 +0800 http://localhost:3000/posts/oauth-introduction/ <h2 id="前言">前言</h2> <p>在現代應用程式開發中，<strong>使用者身份驗證</strong>與<strong>資源授權</strong>已成為必備功能。 傳統帳號密碼模式存在風險，也不利於跨平台整合，因此 OAuth（Open Authorization）被提出，成為最常見的 <strong>授權框架（authorization framework）</strong>。</p> <p>它的設計目標是：</p> <ul> <li>使用者不需交出帳號密碼</li> <li>第三方應用能安全存取有限的資源</li> <li>支援 Web、Mobile、Server、IoT 等不同場景</li> </ul> http://localhost:3000/posts/use-google-recaptcha/ Wed, 20 Aug 2025 23:22:42 +0800 http://localhost:3000/posts/use-google-recaptcha/ <h2 id="前言">前言</h2> <p>在網站應用中，表單或登入功能常常成為機器人攻擊的目標。 Google reCAPTCHA Enterprise 提供了更安全且彈性的防護方式，能透過 <strong>風險評分 (Score)</strong> 來判斷使用者行為是否可信。</p> http://localhost:3000/posts/use-gomobile-to-build-ios-library/ Tue, 19 Aug 2025 19:00:00 +0800 http://localhost:3000/posts/use-gomobile-to-build-ios-library/ <h2 id="前言">前言</h2> <p>心之所至，隨意亂寫。</p> <p>這篇就是想隨手記下：如果有個簡單的 greeting 功能想拿到 iOS 用，用 Gomobile 該怎麼做。於是乎這篇就誕生啦。</p> http://localhost:3000/posts/how-to-use-redis-with-go/ Mon, 22 Aug 2022 14:43:42 +0800 http://localhost:3000/posts/how-to-use-redis-with-go/ <h2 id="前言">前言</h2> <p>最近想試著使用 Redis ，於是乎這一篇就誕生了！</p> http://localhost:3000/posts/golang-and-websocket/ Sun, 14 Aug 2022 15:41:25 +0800 http://localhost:3000/posts/golang-and-websocket/ <h2 id="前言">前言</h2> <p>先前在網頁中想取得即時資料。在那個時候有聽到 websocket 這個東西，但一直沒有時間試試。最近剛好又想起了這件事，於是乎這一篇就誕生啦。</p> http://localhost:3000/posts/go-and-protobuf/ Tue, 09 Aug 2022 23:20:07 +0800 http://localhost:3000/posts/go-and-protobuf/ <h2 id="前言">前言</h2> <p>會有這一篇的誕生是因為原本在寫 gRPC 的筆記時發現篇幅太長，想說還是拆開寫好了。於是乎這一篇就出現了。</p> http://localhost:3000/posts/ceh-exam-v11/ Sat, 06 Aug 2022 02:01:43 +0800 http://localhost:3000/posts/ceh-exam-v11/ <h2 id="前言">前言</h2> <p>前一陣子每天下班後花 2 個小時讀書，終於通過了周三的考試。本文主要會簡述它是什麼以及要如何準備它！</p> http://localhost:3000/posts/use-iperf-on-synology-nas/ Tue, 02 Aug 2022 01:59:04 +0800 http://localhost:3000/posts/use-iperf-on-synology-nas/ <h2 id="前言">前言</h2> <p>最近發現家中的 NAS 速度 &ldquo;好像&rdquo; 沒有達到筆者的預期。所以想來實際測看看可以目前的網路環境可以跑到什麼程度。於似乎這一篇就誕生了。</p> http://localhost:3000/posts/go-module-using-private-repository/ Sat, 30 Jul 2022 14:51:00 +0800 http://localhost:3000/posts/go-module-using-private-repository/ <h2 id="前言">前言</h2> <p>最近終於有時間整裡筆者家中的 NAS 。先前筆者已經架設好了 Gitea，但一直沒有時間把整個開發環境串起來。這篇文章記錄了如何在 go 中使用自架的 Git Repository。</p> http://localhost:3000/posts/golang-with-shared-library/ Thu, 21 Jul 2022 13:16:54 +0800 http://localhost:3000/posts/golang-with-shared-library/ <h2 id="前言">前言</h2> <p>最近寫 Go 時想嘗試使用動態連結函式庫。於是乎這一篇就誔生了。 本文會試著使用 Go 編出一個動態連結函式庫，並使用 C 語言程式以及 Go 語言程式呼叫它。</p> http://localhost:3000/posts/how-to-use-vue-electron-and-go-to-build-an-app/ Fri, 15 Jul 2022 16:01:27 +0800 http://localhost:3000/posts/how-to-use-vue-electron-and-go-to-build-an-app/ <h2 id="前言">前言</h2> <p>最近剛好有機會要寫有圖形化介面的程式。想來想去感覺可以寫寫看 Electron！於是乎本篇就這樣誕生了。</p> http://localhost:3000/posts/macos-hold-a-key-and-repeat-it-in-vscode/ Wed, 22 Jun 2022 11:26:48 +0800 http://localhost:3000/posts/macos-hold-a-key-and-repeat-it-in-vscode/ <h2 id="前言">前言</h2> <p>筆者已經習慣 vim 的輸入模式。所以在使用 VS Code 或 Cursor 時，會安裝 vim 輸入模式的外掛。在鍵盤按鍵接住時，這些編輯器卻不會連續輸入。本文主要就是要來解決這個問題。</p> http://localhost:3000/posts/postgresql-delete-large-data/ Mon, 20 Jun 2022 11:32:58 +0800 http://localhost:3000/posts/postgresql-delete-large-data/ <h2 id="前言">前言</h2> <p>一開始為了收集、分析資料，筆者把所有的記錄都保存起來。隨著專案的進行我們只需要保留特定條件的記錄。想說就趁著這次順手記錄起來吧。</p> http://localhost:3000/posts/how-to-setup-unifi-ap/ Sun, 29 May 2022 02:18:03 +0800 http://localhost:3000/posts/how-to-setup-unifi-ap/ <h2 id="前言">前言</h2> <p>最近入手了新的 Unifi AP，趁這一次設定就順手記錄起來吧。</p> http://localhost:3000/posts/go-gin-web-backend/ Tue, 14 Sep 2021 17:03:13 +0800 http://localhost:3000/posts/go-gin-web-backend/ <h2 id="前言">前言</h2> <p>最近又要開始接觸到網頁的東西了! 久沒有碰要再花一點時間回想。想說就趁著這次順手記錄起來吧。</p> http://localhost:3000/posts/yocto-with-imx8qxp-4/ Mon, 13 Sep 2021 11:38:39 +0800 http://localhost:3000/posts/yocto-with-imx8qxp-4/ <h2 id="前言">前言</h2> <p>為了在之後開發過程中不用反覆燒寫 eMMC 與 SD 卡，本篇會設定 U-Boot 載入 Rootfs 以達到我們的目的。</p> http://localhost:3000/posts/install-opnsense/ Thu, 09 Sep 2021 17:06:40 +0800 http://localhost:3000/posts/install-opnsense/ <h2 id="前言">前言</h2> <p>目前有了在外面存取 NAS 資料的需求，直接裸奔實在不是個明智的想法。還是放在防火牆後面，架個 VPN 服務好了。 想說既然要架 VPN 伺服器。趁這次機會也一併換套防火牆軟體試試。</p> http://localhost:3000/posts/yocto-with-imx8qxp-3/ Tue, 07 Sep 2021 01:21:50 +0800 http://localhost:3000/posts/yocto-with-imx8qxp-3/ <h2 id="前言">前言</h2> <p>UUU 全名為 Universal Update Utility。對 NXP i.MX 系列熟悉的使用者對 MFGTools 一定不會感到陌生，UUU 就是從 MFGTools 演進而來的，也稱為 MFGTools v3。它是用來進行 Freescale/NXP 晶片的映像檔燒錄。</p> <p>本篇將使用 UUU 將<a href="http://localhost:3000/posts/yocto-with-imx8qxp-2/#重新編譯映像檔並燒寫至-sd-卡">我們先前建立的映像檔</a>燒寫至 eMMC 中。</p> http://localhost:3000/posts/yocto-with-imx8qxp-2/ Thu, 02 Sep 2021 13:36:25 +0800 http://localhost:3000/posts/yocto-with-imx8qxp-2/ <h2 id="前言">前言</h2> <p>繼上一篇我們建立了可開機的映像檔後，接下來我們要來修改修改預設的除錯埠。從 UART0 改至 UART2。</p> http://localhost:3000/posts/cli-remove-pdf-password/ Thu, 02 Sep 2021 10:13:38 +0800 http://localhost:3000/posts/cli-remove-pdf-password/ <h2 id="前言">前言</h2> <p>突然有了移除 PDF 密碼保護的需求。在查找相關的資料時，順手記錄下來。</p> http://localhost:3000/posts/yocto-with-imx8qxp/ Wed, 01 Sep 2021 14:05:41 +0800 http://localhost:3000/posts/yocto-with-imx8qxp/ <h2 id="前言">前言</h2> <p>最近剛拿到 NXP 的 i.MAX8 開發板。在測試基本功能之餘，也順手把過程記錄下來。本文僅先建置 Yocto 的開發環境並編譯出可開機的映像檔，最後透過 SD 卡開機。</p> http://localhost:3000/posts/install-debian-11/ Tue, 31 Aug 2021 22:56:03 +0800 http://localhost:3000/posts/install-debian-11/ <h2 id="前言">前言</h2> <p>最近剛好在重新安裝工作站，就順手記錄起來囉!</p> http://localhost:3000/posts/gps-module/ Fri, 20 Aug 2021 13:54:03 +0800 http://localhost:3000/posts/gps-module/ <h2 id="前言">前言</h2> <p>因為工作上的需求，最近接觸到了 GNSS 模組。</p> <p>維基百科是這樣說的。</p> <blockquote> <p>衛星導航系統（Global Navigation Satellite System, GNSS）是覆蓋全球的自主地利空間定位的衛星系統，允許小巧的電子接收器確定它的所在位置（經度、緯度和高度），並且經由衛星廣播沿著視線方向傳送的時間信號精確到10米的範圍內。接收機計算的精確時間以及位置，可以作為科學實驗的參考。</p> </blockquote> http://localhost:3000/posts/gps-format/ Thu, 19 Aug 2021 14:22:28 +0800 http://localhost:3000/posts/gps-format/ <h2 id="前言">前言</h2> <p>最近開始接觸到跟 GPS 有關的東西，想說順便把地理定位相關的資料整理起來。所以這一篇就這樣誕生啦。</p> http://localhost:3000/posts/stm32mp-with-yocto-4/ Thu, 12 Aug 2021 15:34:03 +0800 http://localhost:3000/posts/stm32mp-with-yocto-4/ <h2 id="前言">前言</h2> <p>繼先前建立好基楚的系統後，我們已經加入了 bootlinlabs machine。 本文會接續之前建立的環境，開始加入自訂的 Image。</p> http://localhost:3000/posts/stm32mp-with-yocto-3/ Thu, 12 Aug 2021 13:23:59 +0800 http://localhost:3000/posts/stm32mp-with-yocto-3/ <h2 id="前言">前言</h2> <p>繼先前建立好基楚的系統後，我們已經加入了 meta-bootlinlabs Layer。 本文會接續之前建立的環境，開始加入自訂的 Machine。</p> http://localhost:3000/posts/stm32mp-with-yocto-2/ Thu, 12 Aug 2021 09:22:34 +0800 http://localhost:3000/posts/stm32mp-with-yocto-2/ <h2 id="前言">前言</h2> <p>繼先前建立好基楚的系統後，我們已經可以順利開機，並從 NFS 載入 rootf filesystem。 本文會接續之前建立的環境，開始加入自製的程式以及自訂的 Layer。</p> http://localhost:3000/posts/stm32mp-with-yocto/ Wed, 11 Aug 2021 15:22:57 +0800 http://localhost:3000/posts/stm32mp-with-yocto/ <h2 id="前言">前言</h2> <p>手邊有一片很久沒有動過的 STM32MP157。剛好最近工作上需要在 imx8 進行開發。本文會照著 Bootlin 的課程進行實作 [<a href="https://wiki.st.com/stm32mpu/wiki/STM32MP1_Distribution_Package">2</a>],一方面了解 Yocto 要如何使用，另一方面順便藉此先練練手。</p> http://localhost:3000/posts/using-leaflet-map/ Wed, 04 Aug 2021 14:43:00 +0800 http://localhost:3000/posts/using-leaflet-map/ <h2 id="前言">前言</h2> <p>最近剛好要更新地圖應用。先前是直接使用 Mapbox ，但覺得它的 Marker 操作起來不是很彈性。因緣際會下聽說了 Leaflet ，就來試看看吧。</p> <p>維基百科是這樣說的。</p> <blockquote> <p>Leaflet是一個開源的JavaScript庫，用於構建Web地圖應用。首次發布於2011年，<a href="https://docs.mapbox.com/help/troubleshooting/migrate-legacy-static-tiles-api/">2</a>它支持大多數移動和桌面平台，支持HTML5和CSS3。</p> </blockquote> http://localhost:3000/posts/coscup-2021-day-2/ Sun, 01 Aug 2021 10:12:46 +0800 http://localhost:3000/posts/coscup-2021-day-2/ <h2 id="前言">前言</h2> <p>今年的 COSCUP 因應 COVID-19 疫情，所以以線上直播的方式進行。本篇主要是記錄大會第二天有興趣的議程以及關鍵字。</p> http://localhost:3000/posts/coscup-2021-day-1/ Sat, 31 Jul 2021 10:10:29 +0800 http://localhost:3000/posts/coscup-2021-day-1/ <h2 id="前言">前言</h2> <p>今年的 COSCUP 因應 COVID-19 疫情，所以以線上直播的方式進行。本篇主要是記錄大會第一天有興趣的議程以及關鍵字。</p> http://localhost:3000/posts/yocto-kernel-menuconfig/ Fri, 30 Jul 2021 16:30:09 +0800 http://localhost:3000/posts/yocto-kernel-menuconfig/ <h2 id="前言">前言</h2> <p>一般來說，如果想要調整 Linux Kernel 只要在終端機輸入 <code>make menuconfig</code> 這類的指令就可以了。但如果在不同的開發流程中，就不是這麼單純了。</p> <p>本文主要是針對 Yocto 開發流進行記錄，未來有機會的話，會再補充 buildroot 的開發方式。</p> http://localhost:3000/posts/using-bootstrap-with-hugo/ Wed, 28 Jul 2021 22:23:01 +0800 http://localhost:3000/posts/using-bootstrap-with-hugo/ <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <h2 id="前言">前言</h2> <p>突然好奇，要如何在 Hugo 中使用外部資源。本文就先以最簡單的方式，使用 CDN 引入 Bootstrap。</p> http://localhost:3000/posts/yocto-first-layer/ Wed, 28 Jul 2021 12:28:09 +0800 http://localhost:3000/posts/yocto-first-layer/ <h2 id="前言">前言</h2> <p>在準備完開發環境之後，接下來就要開始加上我們的設定、服務或是應用了。</p> http://localhost:3000/posts/yocto-introduction/ Tue, 27 Jul 2021 15:19:05 +0800 http://localhost:3000/posts/yocto-introduction/ <h2 id="前言">前言</h2> <p>先前有接觸過 buildroot 這類的 Linux Distribution 工具，但一直沒有好好的整理起來。<br> 最近剛好有機會接觸 Yocto，打算在摸索的過程中一並記錄起來。</p> http://localhost:3000/posts/building-raspberry-pi-systems-with-yocto/ Mon, 26 Jul 2021 17:37:57 +0800 http://localhost:3000/posts/building-raspberry-pi-systems-with-yocto/ <h2 id="前言">前言</h2> <p>手邊有一片很久沒有動過的 Raspberry Pi 3 B+。剛好最近工作上需要在 imx8 進行開發。藉此順便先練練手。</p> http://localhost:3000/posts/first-hugo-website/ Mon, 26 Jul 2021 15:35:30 +0800 http://localhost:3000/posts/first-hugo-website/ <h2 id="前言">前言</h2> <p>以前有使用過 hexo 建立Blog，但一直沒有好好的經營。最近又有想要開始寫 Blog 的念頭。 希望這一次，可以持續撰寫下去。</p> http://localhost:3000/posts/ld-print-memory-usage/ Tue, 06 Feb 2018 23:31:12 +0800 http://localhost:3000/posts/ld-print-memory-usage/ <h2 id="前言">前言</h2> <p>使 GNU LD 輸出總共使用的記憶體大小與程式大小。</p> http://localhost:3000/posts/c11-generic-selections/ Wed, 18 Oct 2017 00:25:49 +0800 http://localhost:3000/posts/c11-generic-selections/ <h2 id="前言">前言</h2> <p>Generic 在C11上出現，我們可以透過實作出物件導向中的多型。要注意的是 Generic 是在編譯時期運作的。</p>