个人社交名片生成器

\n {!cardData\n ? (\n

\n );\n}\n\nfunction PersonalCard({ data }) {\n return (\n

\n \n

{data.name}

\n \n {data.location}\n

\n {data.tags.map((tag, index) => (\n \n {tag}\n \n ))}\n

\n\n

\n \n 近期关键投入\n

{data.recentFocus}

\n\n

\n \n 履历亮点\n

{highlight}

\n\n

\n \n 擅长领域\n

\n {data.skills.map((skill, index) => (\n

{skill.name}

{skill.description}

\n ))}\n

\n\n

\n \n 兴趣爱好\n

{data.hobbies}

\n\n

{data.attitude}

\n );\n}\n\nfunction getBackgroundColor(index) {\n const colors = [\"bg-blue-100\", \"bg-green-100\", \"bg-purple-100\", \"bg-orange-100\"];\n return colors[index % colors.length];\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nasync function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/generate\") {\n const formData = await request.formData();\n const resume = formData.get(\"resume\");\n\n // Here we would normally process the resume and generate the card data\n // For this example, we'll use mock data\n const cardData = {\n name: \"张三\",\n location: \"北京\",\n tags: [\"软件工程师\", \"人工智能爱好者\", \"开源贡献者\"],\n recentFocus: \"正在深入研究大规模语言模型在企业应用中的实践\",\n highlights: [\n \"领导开发了公司核心产品，用户增长300%\",\n \"在国际会议上发表了3篇论文\",\n \"获得了2项发明专利\",\n ],\n skills: [\n { name: \"机器学习\", description: \"擅长使用PyTorch和TensorFlow构建复杂模型\" },\n { name: \"后端开发\", description: \"精通Node.js和Python，有丰富的API设计经验\" },\n { name: \"数据分析\", description: \"熟练使用Pandas和SQL进行大规模数据处理\" },\n { name: \"DevOps\", description: \"在AWS和Docker环境下有丰富的部署经验\" },\n ],\n hobbies: \"🏃‍♂️ 跑步 | 📚 阅读 | 🎸 吉他 | 🏞️ 摄影\",\n attitude: \"持续学习，勇于创新，追求卓越\",\n };\n\n return new Response(JSON.stringify(cardData), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(\n `\n \n \n 个人社交名片生成器\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nexport default server;","deleted","label",[98],"permalink","https://www.val.town/x/mumu/personalSocialCardGenerator/code/main.tsx","extension","actionData","errors"]