返回文章列表
技術

關於這個網站

記錄 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。