我的作品集挑战 2026

Source: Dev.to

概览

此提交是 新年新你作品集挑战（New Year, New You Portfolio Challenge），由 Google AI 主办。我是一名热衷于构建简洁、功能性网页体验的准软件开发者。该作品集展示了我在技术领域的成长与历程。

在线演示

作品集在 GitHub Pages 上的实时链接

源代码

• 仓库：

完整的 Docker 配置已包含在仓库中。

技术细节

• 技术栈： 纯 HTML、CSS 和原生 JavaScript，以实现高性能和简洁性。
• 容器化： 基于 nginx:alpine 的自定义 Dockerfile 在 8080 端口提供静态文件，满足 Google Cloud Run 的要求。
• 部署： 原计划部署到 Google Cloud Run；由于截止当天计费验证问题，实时版本暂托管在 GitHub Pages，而 Docker 设置仍可用于演示。

# Dockerfile (nginx:alpine)
FROM nginx:alpine
COPY ./dist /usr/share/nginx/html
EXPOSE 8080
CMD ["nginx", "-g", "daemon off;"]

使用工具

• Gemini AI： 协助构建 Docker 容器并排查 Google Cloud SDK 命令。
• Google Cloud Shell： 主要的开发环境，用于文件管理和部署尝试。
• Antigravity： 核心实现帮助，将想法转化为可运行的项目。

亮点

• 为交互元素实现了自定义动画物理效果。
• 获得了 Docker 容器和云部署工作流的实战经验。

致谢

感谢所有在本次挑战中给予支持的人。