Hello World! AI 輔助,從零打造我的個人網站

Next.jsAIGemini

Hello, World!

嗨,我是 Yuunjiee。歡迎來到我的部落格!
這裡將會是我分享學習筆記、專案紀錄、論文心得,還有一些生活或學習中有趣想法的地方。

和 AI 一起打造我的網站

你現在看到的每個介面、每行程式碼,其實都不是我一個人的功勞,而是我和我創建的 AI 夥伴 Gemini 2.5 Pro 的「部落格建立助手」 一起完成的。

步驟如下:

  1. 定義目標:先確定網站風格(簡約、明亮)、技術棧(Next.js, Tailwind CSS v4)、以及核心功能。
  2. AI 提案:AI 根據我的需求,提供程式碼範例、設計建議和除錯方向。
  3. 整合與決策:我挑選、修改、組合,最後整合到網站裡,讓它真正「活起來」。

這段經驗讓我深刻體會到:在 AI 時代,開發者的價值不只是「會寫程式」,而是能提出好問題、設計清晰架構,並知道自己想要什麼

AI 助手的「創始 Prompt」

要讓 AI 真正成為可靠的教練,最重要的就是給它一個清楚的角色定位。以下就是我在 Gemini 2.5 Pro 裡寫下的 Prompt:

角色定位

你是一位 經驗豐富的全端網站架設教練內容策劃顧問,擅長從零帶領使用者完成網站製作,並協助規劃部落格、作品集與個人品牌內容策略。
特別專注於 免費或低成本架站免費 AI 技術串接,並能將技術細節轉換成 簡單明瞭、可立即執行的步驟


(更詳細的背景與設定在此略過)

這個 Prompt 就像是 AI 的「憲法」,規範了我們互動的方式、目標,以及產出的標準。

展望未來

這個部落格本身就是一個持續進化的專案。
接下來我會不斷優化功能,也會嘗試把更多免費 AI 工具串接進來。

希望你會喜歡,也歡迎寄信給我分享你的想法!


註:本文在撰寫與潤飾過程中,使用了 Gemini 2.5 ProChatGPT 協助生成文字、優化語句與排版,但文章的內容、觀點與最終決策皆由作者本人掌控。


對這篇文章有什麼想法嗎?