[{"data":1,"prerenderedAt":121},["ShallowReactive",2],{"home-meta":3,"footer-socials":6,"/articles/building-my-portfolio":16},{"title":4,"description":5},"個人作品集網站","👋 嗨，我是李軒婷，一名前端工程師，主要使用 Vue 3 與 TypeScript 開發網頁",{"socials":7},[8,12],{"label":9,"icon":10,"url":11},"Github","i-simple-icons-github","http://github.com/kopki123",{"label":13,"icon":14,"url":15},"Email","i-simple-icons-gmail","mailto:kopki684@gmail.com",{"id":17,"title":18,"body":19,"date":106,"description":107,"extension":108,"meta":109,"navigation":110,"path":111,"seo":112,"slug":113,"stem":114,"tags":115,"__hash__":120},"articles/articles/building-my-portfolio.md","Portfolio 網站製作筆記",{"type":20,"value":21,"toc":99},"minimark",[22,30,33,57,61,93,96],[23,24,25,26],"p",{},"Portfolio 網站的目標：\n",[27,28,29],"strong",{},"用清楚、可維護的方式，整理我的專案與經歷。",[23,31,32],{},"設計上避免過度視覺效果，以資訊結構與閱讀體驗為優先，並參考：",[34,35,36,45,51],"ul",{},[37,38,39],"li",{},[40,41,42],"a",{"href":42,"rel":43},"https://canvas.hrcd.fr",[44],"nofollow",[37,46,47],{},[40,48,49],{"href":49,"rel":50},"https://zooper.pages.dev",[44],[37,52,53],{},[40,54,55],{"href":55,"rel":56},"https://portfolio-template.nuxt.dev",[44],[58,59,60],"h3",{"id":60},"技術選擇",[34,62,63,69,75,81,87],{},[37,64,65,68],{},[27,66,67],{},"Nuxt 4 + TypeScript","：整體架構與型別安全",[37,70,71,74],{},[27,72,73],{},"Nuxt UI + Tailwind CSS","：一致且簡潔的介面",[37,76,77,80],{},[27,78,79],{},"Nuxt Content","：用 Markdown 管理文章與專案內容",[37,82,83,86],{},[27,84,85],{},"SEO 基礎優化","：設定 Meta / Open Graph，並提供 sitemap 與 robots.txt，提升搜尋引擎可索引性與分享預覽效果",[37,88,89,92],{},[27,90,91],{},"ESLint","：統一程式碼風格與規範，提升可讀性與長期維護性",[58,94,95],{"id":95},"結論",[23,97,98],{},"整體以「可維護、固定流程」為核心：內容用 Markdown 管理、介面保持一致，並補上 ESLint 與基礎 SEO。\n後續新增專案或文章只要照同一套格式更新即可。",{"title":100,"searchDepth":101,"depth":101,"links":102},"",2,[103,105],{"id":60,"depth":104,"text":60},3,{"id":95,"depth":104,"text":95},"2026-01-02","簡要記錄這個 Portfolio 網站的設計方向、技術選擇與結構規劃。","md",{},true,"/articles/building-my-portfolio",{"title":18,"description":107},"building-my-portfolio","articles/building-my-portfolio",[116,117,118,119],"Portfolio","Frontend","Nuxt","Vue 3","S5x51lMjPlPOXhYktKRGgf7yK5yxK2uem8zI05h5tLo",1772520049280]