RexHung's Blog

Introduction & 前言

⚠️⚠️⚠️ 注意請先看這段：這邊 2026/02/02 02:52 更新說明，ClawBot -> MoltBot -> OpenClaw 都是同一的東西，期間有改名過兩次，買名詳細原因可以查查看 又改名了！Moltbot(前Clawdbot) 更名「OpenClaw」並帶來四大更新，尤其加強安全性，以下文章有提到這三個名稱的都是指向同一個工具，如有不便敬請見諒 ⚠️⚠️⚠️

提醒：這邊文章是透過 TG 下指令給 Clawdbot 自動產出整篇文章的，如果內容有誤麻煩留言，筆者會盡快修改，感謝包容

之前有玩過 n8n 這套自動化工具，覺得能夠串接各種服務來打造自己的工作流程真的很方便。最近在社群上看到 Clawdbot 這個專案蠻紅的，它是一個基於 Claude 的 AI 助手框架，可以讓你透過 Telegram、Discord、WhatsApp 等通訊軟體直接呼叫 AI 助手來執行各種任務。

如果對 n8n 有興趣也可以參考筆者的另一篇文章 [Tool Note]  — 架設 n8n & 簡易使用指南

趁著週末有空，我就把它安裝到本機玩了一下，發現整個設定過程比想像中簡單，而且功能真的很強大！可以直接讓 AI 幫你操作電腦、瀏覽網頁、查資料，甚至幫你寫程式。

這篇文章會記錄一下我的安裝過程和一些基本使用方式，如果你也對這個工具有興趣，可以參考看看。

Introduction & 前言

想申辦一張可以用虛擬貨幣付款的卡片嗎？想要使用 Crypto 付款時，也能賺取 Crypto 嗎？想要隨時能開啟 Apple Pay 並且使用 Web3 資產付費嗎？

我想推薦最近小有話題的這張卡片 Ether.fi Cash，這應該是全網最詳細了，也是身為小資族沒有任何業配的親身實測

文章於 11/22 更新過內容

Introduction & 前言

你肯定聽過 n8n ，你有一天肯定要用 n8n ，那為什麼不現在就用？

往下看，教你怎麼快速在 本地 或 VM(虛擬機) 上架設 n8n

Introduction & 前言

還在找怎麼在 Next 最優雅引入 SVG 的使用方式嗎？看到這邊就對了。

如果你需要參考怎麼在 Next.js 透過 Component 方式引入 SVG ，並且自定義一些參數可以讓開發者快速調整樣式，請看這篇

使用純 React.js 也適用

如果你是使用 Vue 也可以參考筆者早期的文章 [Vue Note] — 在 Vue 優雅的引入 SVG 幾種方式

Introduction & 前言

你的專案正在使用 ESLint 嗎？

舊的 Config 無法在新版本使用了你知道嗎？新版本也不支援 Node.js v19 以前的版本了

這是一篇關於升級到 9.x 版本的紀錄，有興趣的話可以繼續往下看，這篇比較大篇幅可能都會在筆者的操作心得，不會有太多講解

如果你的專案還沒有使用 ESLint 可以參考筆者的這篇文章 [Next Note] - 把 TypeScript、ESLint、Prettier、Alias 摻再一起做沙尿牛丸

Introduction & 前言

背景來至 unsplash.com 的 Christopher Gower

開始寫程式之後，是不是常常被問你該怎麼確保程式碼沒問題？

開始寫程式之後，是不是總想著怎麼不用再透過手動的方式確保程式碼沒問題？

開始寫程式之後，是不是常常被問，你會不會寫測試？

來！看這篇，這是一篇關於 React.js + TypeScript 為主的測試

Introduction & 前言

背景來至 unsplash.com 的 Chris Ried

當使用了 JavaScript 和 Node.js 這麼久，你肯定使用過 npm install，但這些 npm 上的套件到底是怎麼產生出來的，你可曾想過嗎？

當你開發了自己覺得超屌超猛或是別人肯定也會想試試看的程式碼之後，你知道怎麼讓大家也透過 npm install 享受到嗎？

如果你有這些問題，看這篇文章就對了，這篇文章將以 React.js 的元件當作出發點，帶你一窺怎麼透過 Webpack 把套件發布到 npm 上，讓大家也能夠安裝你的套件。

如果不會 React.js 也還是可以參考本篇文章，之後將 React.js 的部分換成你熟悉的框架或是純 JavaScript 也可以！

後續筆者也會研究其他的打包工具，例如 rollup 或者 browserify

Introduction & 前言

這是一篇將 前端(Vue) + 後端(Node.js) + 資料庫(MySQL) 部署至 Linode 的踩坑全記錄，這篇需要一點事前準備，如果你手邊剛好有前端專案 (純 HTML 也可以) ，又剛好有後端專案，恰巧你也有資料庫，然後你也想要把作品呈現給其他人看，這篇文章就非常適合你。

如果不是，也可以先參考筆者以下文章

• [NodeJS Become A Full Stack Developer] — Express、Router 及 EJS 入門淺談 -> 學習後端語言 Node.js
• [NodeJS Become A Full Stack Developer] — NodeJS ORM Sequelize Cli 串接資料庫 -> 學習後端語言 Node.js 及 操作資料庫

Introduction & 前言

這邊會存放每日任務的回答，一個章節會是一天的任務內容筆記

Introduction & 前言

小節作業於摘要第六點，如果只想參照作業的部分可以快轉跳至 小節作業：Table 資料表管理

緊接著上週的練習，這週將剩下的影片看完了，把接著一些關於資料表怎麼建立多張，以及怎麼進行 SQL 函數使用

另外還有怎麼進行 Join 查詢、子查詢…等等，一起做筆記心得上來