[{"data":1,"prerenderedAt":152},["ShallowReactive",2],{"article-2026/02/about":3},{"id":4,"title":5,"body":6,"category":137,"date":138,"description":139,"draft":140,"extension":141,"image":142,"meta":143,"navigation":144,"path":145,"readTime":146,"seo":147,"stem":148,"tags":149,"__hash__":151},"articles/articles/2026/02/about.md","關於這個網站",{"type":7,"value":8,"toc":129},"minimark",[9,18,22,25,28,32,35,57,60,63,108,111,114,117,123,126],[10,11,12,13,17],"p",{},"歡迎來到 ",[14,15,16],"strong",{},"YUANDERFUL","。這是一個結合了極簡美學與現代 Web 技術的個人部落格。不用懷疑，沒錯，整個網站全都是 AI 的元素風格。",[19,20,21],"h2",{"id":21},"起心動念",[10,23,24],{},"在這個社群媒體氾濫的時代，我們習慣了碎片化的資訊與快速的滑動。但我始終希望能有一個安靜的角落，能讓我好好地把思緒沉澱下來，用文字與影像記錄生活的軌跡。",[10,26,27],{},"於是，YUANDERFUL 誕生了。這裡沒有演算法的干擾，只有我想說的故事，與我想分享的風景。",[19,29,31],{"id":30},"設計理念數位時代的報紙","設計理念：數位時代的報紙",[10,33,34],{},"網站的設計靈感來自於經典的報紙排版與高端雜誌美學。",[36,37,38,45,51],"ul",{},[39,40,41,44],"li",{},[14,42,43],{},"字體與留白","：我特別選用了襯線字體（Serif），希望能帶給閱讀者一種翻閱紙本刊物的優雅感。",[39,46,47,50],{},[14,48,49],{},"視覺層次","：透過大膽的標題與細緻的分隔線，營造出清晰的閱讀節奏。",[39,52,53,56],{},[14,54,55],{},"極簡主義","：去除了所有不必要的裝飾，讓內容成為唯一的主角。",[19,58,59],{"id":59},"技術架構",[10,61,62],{},"雖然外表看起來復古，但骨子裡卻是不折不扣的現代化產物。這個網站 100% 是 AI 打造的，0手寫程式碼，使用了目前最新的 Vibe Coding 工具們：",[36,64,65,79,90,102],{},[39,66,67,70,71,78],{},[14,68,69],{},"核心框架","：",[72,73,77],"a",{"href":74,"rel":75},"https://nuxt.com/",[76],"nofollow","Nuxt 4"," (基於 Vue 3)，提供了極佳的開發體驗與效能。",[39,80,81,84,85,89],{},[14,82,83],{},"內容管理","：搭配 ",[86,87,88],"code",{},"@nuxt/content","，讓我能直接使用 Markdown 來撰寫文章，不需要依賴笨重的資料庫。",[39,91,92,95,96,101],{},[14,93,94],{},"樣式設計","：使用 ",[72,97,100],{"href":98,"rel":99},"https://tailwindcss.com/",[76],"Tailwind CSS v4","，實現了高度客製化的響應式設計。",[39,103,104,107],{},[14,105,106],{},"網站部署","：透過靜態生成 (SSG) 技術，讓頁面載入速度快如閃電。",[19,109,110],{"id":110},"未來展望",[10,112,113],{},"這個網站就像是一個有機體，會隨著我的成長（AI 的成長）而不斷進化。未來我的 Claude 會攜手 Gemini 加入更多的互動元素，並持續優化閱讀體驗。",[10,115,116],{},"感謝你的造訪，希望你在這裡能找到屬於你的那份寧靜與光芒。",[118,119,120],"blockquote",{},[10,121,122],{},"「在遠方，找到屬於自己的光芒。」",[124,125],"hr",{},[10,127,128],{},"如果你對這個網站的原始碼感興趣，歡迎參觀我的 GitHub。",{"title":130,"searchDepth":131,"depth":131,"links":132},"",2,[133,134,135,136],{"id":21,"depth":131,"text":21},{"id":30,"depth":131,"text":31},{"id":59,"depth":131,"text":59},{"id":110,"depth":131,"text":110},"技術","2026-02-05","記錄 YUANDERFUL 的誕生故事，以及這個部落格背後的設計理念與技術架構。",false,"md","/images/og-image.jpg",{},true,"/articles/2026/02/about",3,{"title":5,"description":139},"articles/2026/02/about",[150],"部落格","_KZpZE8uLv0j1x3pRB5LRKbZQf1XV0LOqyYhkbjZ8VA",1775897600316]