全自動編譯發布，網頁躍升專屬 App 與圖文捷徑

我們已經在 StackBlitz 成功啟動前端裝甲。現在必須將暫存代碼轉移到永久基地，發布為全世界都能存取的正式網址。Vite 框架無法直接讀取，必須經過打包編譯。我們將透過 GitHub Actions 讓雲端機器人代勞。

第一關：將最新代碼推

職場

音樂藝文

創作

以行動支持創作者！付費即可解鎖

軟體開發

在資訊碎片化的時代，一個教職人員試圖用 AI 為教育與生活留下一片清澈星空。我們一起在星夜中爆肝前行，讓科技成為奪回時間的工具。

與夜星同行：AI 實踐筆記

LINE

應用程式

Chrome

成功

聊天室

Android

輸入

雲端

開發

第八章：點亮知識中樞（三）：突破雲端，GitHub Pages 正式登陸與 App 化

駕馭雲端環境、綁定神經元，直擊開發畫面

大腦設定檔裝好且套件採購齊全，現在進入最關鍵的裝甲注入階段。我們要把由 AI 與你共同鍛造的主程式碼放入系統。

StackBlitz 是高度即時的雲端開發環境。它的反應速度極快，任何微小錯誤都會立刻反映在預覽畫面上。跟著 夜星 的腳步，我們逐一破解報錯畫面

部署

程式

版本

管理

編輯

修復

執行

神經元

綁定

第七章：點亮知識中樞（二）：召喚前端裝甲與修復術



恭喜各位順利闖過後端新手村。現在正式從黑手轉職為網頁設計師。

多數教學要求在電腦安裝英文軟體並設定環境變數，過程繁雜。我們追求極限操作，只需開啟網頁 StackBlitz。這是雲端精神時光屋，只要有瀏覽器，平板或舊電腦都能成為頂規開發機。無論換新電腦實測或第一次開工，這篇文章即為你的復原標準作

學習

親子與教育

網頁

檔案

電腦

精神

採購

移植

大腦

第六章：點亮知識中樞（一）：踏入 StackBlitz 精神時光屋拒絕白忙一場！設定檔全面覆蓋術與 GitHub 連動保

恭喜你挺過魔鬼般的後端接線期。看著試算表自動填入資料，那種爽感確實會讓人上癮。

在進入下一個魔王關卡前，我們先停下腳步回頭看。好傢伙，我們到底搭出了什麼怪物？

前四章的操作成果總結

過去這段時間，我們把節儉發揮出功效。我們利用 Google 試算表打造出零成本的輕量級關聯式資料庫。接著把 Go

Google

預告

工廠

預告篇：從黑手到架構師！總結免錢全端架構，預告專屬「知識中樞」

上一篇我們讓 GAS 心臟開始跳動了。好傢伙，你手裡那串「網頁應用程式網址」就是這座工廠的地址。現在我們要回 LINE 的地下機房進行最後的接線。

說真的，這一步最容易出錯。如果你不想讓辛苦蓋好的助理變成一個亂回話、沒幾天就耗盡你 200 則免費額度的賠錢貨，請務必盯緊接下來的每個細節。

幫機器

投資理財

免費

機器人

資源

回應

助理

心臟

善用免費資源，打造個人化 AI 助理：手搓系統心臟（下）：給機器人戴上口罩，守住 200 則免費額度的極限防線

上次在新手村撿了一堆免費 Token 通行證，總不能放著生灰塵吧？我們現在就要把這些積木拼起來，正式啟動這套系統的心臟。

看過一堆網路教學，動不動就叫人去用雲端主機。對我們這種每天被行政庶務追著跑、精打細算的人來說，每個月還要扣幾百塊費用，心裡絕對在滴血！既然要打造輪子，我們就要用最極限的方

搜尋

善用免費資源，打造個人化 AI 助理：手搓系統心臟(上)，讓 GAS 免費替你打黑工

既然前面的來龍去脈都說清楚了，那到底要怎麼動手？我們可是要省到骨子裡的人，所以每個工具的選擇都有它的道理。在我們正式開始「手搓」自己的輪子之前，你得先去這幾個地方領取免費的積木。

如果你是完全沒寫過程式的新手，看到這些名詞先別急著關掉網頁。這才不是什麼高深莫測的黑科技，這根本就是像申請社群帳號一樣

文化生活

通行證

帳號

註冊

省錢

領取

善用免費資源，打造個人化 AI 助理：新手必備工具領取教學





你有過那種盯著手機螢幕發呆，心裡只想噴髒話的瞬間嗎？

我上週二深夜就遇到了。那時候我正無聊地滑著 LINE。在那百張「早安安」的閃爍貼圖，還有百多則學校群組關於「請記得繳交報表」的連環轟炸深處，我居然翻到一則三個月前的訊息。

那是我老朋友發來的。他升職了，想請我吃一頓飯。

訊息停在「這

Gmail

老朋友

螢幕

資訊

善用免費資源，打造個人化 AI 助理：從 LINE 訊息雜亂到高效資訊整合