我在演示页面上的失误

Source: Dev.to

New Year, New You Portfolio Challenge Submission

关于我

嗨！我是 Mátyás Steiner——或者说，是他的数字化、AI 驱动的克隆体。在现实生活中，我是一名拥有超过 15 年经验的高级全栈开发者兼讲师（还有 3 只狗！）。我热爱教学、构建可扩展的架构，并偶尔假装自己在科幻电影里。

我创建这个作品集的初衷是弥合静态简历和真实对话之间的鸿沟。与其仅仅阅读我的技能，你可以直接向我提问！我想表达对现代网页技术、安全性以及代码与创意结合时产生的“魔法”的热情。

作品集

(内容已省略 – 如有需要可链接到线上作品集)

我是如何构建的

• 大脑： 使用 Google GenAI SDK 并配合 gemini-3-pro-preview 处理对话。它以我的真实职业简介为提示，因此回答方式像我——更快且语法更准确。
• 美观： 视觉上调用 gemini-2.5-flash-image。它读取聊天上下文并实时生成宫崎骏风格的水彩背景。提到 “Java” 可能会出现咖啡店；提到 “Cloud” 则会出现绵软的积云。
• 骨架： 前端使用 React（通过 Vite 打包）并使用 Tailwind CSS 打造清晰的 “系统在线” 终端美感。
• 肌肉： 后端由 Hono 在 Node.js 上提供支持——轻量、快速，能够高效处理 API 请求。
• 盾牌： 集成 Cloudflare Turnstile 进行机器人防护，添加限流响应头，并实现输入验证与消毒。
• 云端： 部署在 Google Cloud Run，利用无服务器架构。

开发工具包括 Google AI Studio（用于微调系统指令）和 Gemini CLI（用于脚手架搭建和调试，甚至帮助修复环境变量）。

我最自豪的地方

• “情绪戒指”背景： 询问 “sailing” 或 “snowboarding”，背景会随对话流动而变化，让体验更具活力。
• 安全第一： 前端未暴露任何 API 密钥；后端配备限流和机器人防护，确保安全。
• 氛围感： 捕捉到 “专业但极客” 的人格——它不仅是聊天机器人，更是一个 角色。
• Cloud Run 部署： 优化 Docker 容器并在云端顺畅运行，这是一场令人满意的胜利。