技術
關於這個網站
記錄 YUANDERFUL 的誕生故事,以及這個部落格背後的設計理念與技術架構。
2026-02-05 3 分鐘閱讀
部落格

歡迎來到 YUANDERFUL。這是一個結合了極簡美學與現代 Web 技術的個人部落格。不用懷疑,沒錯,整個網站全都是 AI 的元素風格。
起心動念
在這個社群媒體氾濫的時代,我們習慣了碎片化的資訊與快速的滑動。但我始終希望能有一個安靜的角落,能讓我好好地把思緒沉澱下來,用文字與影像記錄生活的軌跡。
於是,YUANDERFUL 誕生了。這裡沒有演算法的干擾,只有我想說的故事,與我想分享的風景。
設計理念:數位時代的報紙
網站的設計靈感來自於經典的報紙排版與高端雜誌美學。
- 字體與留白:我特別選用了襯線字體(Serif),希望能帶給閱讀者一種翻閱紙本刊物的優雅感。
- 視覺層次:透過大膽的標題與細緻的分隔線,營造出清晰的閱讀節奏。
- 極簡主義:去除了所有不必要的裝飾,讓內容成為唯一的主角。
技術架構
雖然外表看起來復古,但骨子裡卻是不折不扣的現代化產物。這個網站 100% 是 AI 打造的,0手寫程式碼,使用了目前最新的 Vibe Coding 工具們:
- 核心框架:Nuxt 4 (基於 Vue 3),提供了極佳的開發體驗與效能。
- 內容管理:搭配
@nuxt/content,讓我能直接使用 Markdown 來撰寫文章,不需要依賴笨重的資料庫。 - 樣式設計:使用 Tailwind CSS v4,實現了高度客製化的響應式設計。
- 網站部署:透過靜態生成 (SSG) 技術,讓頁面載入速度快如閃電。
未來展望
這個網站就像是一個有機體,會隨著我的成長(AI 的成長)而不斷進化。未來我的 Claude 會攜手 Gemini 加入更多的互動元素,並持續優化閱讀體驗。
感謝你的造訪,希望你在這裡能找到屬於你的那份寧靜與光芒。
「在遠方,找到屬於自己的光芒。」
如果你對這個網站的原始碼感興趣,歡迎參觀我的 GitHub。