[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","691d305388bc8191b2d3f19e3f9a9e32","versionInt","title","Avant-garde-portfolio","type","code/react","content","import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Github, Mail, Twitter } from \"lucide-react\";\n\nexport default function Portfolio() {\n const works = [\n {\n title: \"Neon Runner\",\n cover: \"/covers/game1.jpg\",\n intro: \"一款赛博霓虹风格的跑酷游戏。\",\n tags: [\"Game\", \"Cyberpunk\", \"Unity\"]\n },\n {\n title: \"街角光影\",\n cover: \"/covers/photo1.jpg\",\n intro: \"记录城市中最柔和的光线。\",\n tags: [\"Photography\", \"City\", \"Light\"]\n },\n {\n title: \"幻想之森\",\n cover: \"/covers/art1.jpg\",\n intro: \"一幅关于光与雾的幻想画作。\",\n tags: [\"Art\", \"Fantasy\"]\n }\n ];\n\n const posts = [\n {\n title: \"React 动画的未来走向\",\n summary: \"探索前沿动画库与交互设计趋势，打造更具生命力的界面。\",\n tags: [\"React\", \"Animation\", \"UI\"]\n },\n {\n title: \"如何构建极致的前端体验\",\n summary: \"从色彩、布局、动效等层面分享构建现代网页的技巧。\",\n tags: [\"Frontend\", \"UX\", \"Design\"]\n }\n ];\n\n return (\n

\n {/* Header */}\n \n 前卫程序员 · Avant-garde Coder\n \n\n {/* Works Section */}\n

🎨 作品展示

\n {works.map((w, idx) => (\n \n

{w.title}

{w.intro}

\n {w.tags.map((t, i) => (\n \n {t}\n \n ))}\n

\n \n ))}\n

\n\n {/* Blog Section */}\n

📝 博客文章

\n {posts.map((p, idx) => (\n \n

{p.title}

{p.summary}

\n {p.tags.map((t, i) => (\n \n {t}\n \n ))}\n

\n \n ))}\n

\n\n {/* Contact Section */}\n

📬 联系方式

\n GitHub\n Twitter\n Email\n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","5777250307088450914","traceTime",1776544786704]