gayashankariyawasam/gayashankariyawasam.github.io
GitHub: gayashankariyawasam/gayashankariyawasam.github.io
一位 AI 工程师的高质量个人作品集网站,使用 Next.js 与 Three.js 构建,可复用为个人主页模板。
Stars: 0 | Forks: 0
# gayashankariyawasam.github.io
**Gayashan Kariyawasam** 的个人作品集 —— Codegen International 的 Tech Lead & AI Engineer。
在线访问地址:。
## 技术栈
- [Next.js 16](https://nextjs.org) (App Router, TypeScript, static export)
- [Tailwind CSS v4](https://tailwindcss.com)
- [GSAP + ScrollTrigger](https://gsap.com) 用于滚动驱动序列
- [Motion](https://motion.dev) 用于组件级动画
- [Three.js + React Three Fiber + drei](https://r3f.docs.pmnd.rs) 用于主视觉场景
- [Lenis](https://lenis.darkroom.engineering) 用于平滑滚动
- [lucide-react](https://lucide.dev) 用于图标
- 通过 GitHub Actions 托管在 **GitHub Pages** 上
## 开发
```
npm install
npm run dev # http://localhost:3000
npm run build # static export → out/
```
## 部署
推送到 `main` —— `.github/workflows/deploy.yml` 中的工作流将自动构建并部署到 GitHub Pages。
## 编辑内容
所有可编辑的文本都位于 `src/data/` 中:
- `profile.ts` — 姓名、角色、简介、社交账号
- `experience.ts` — 经历时间轴条目
- `projects.ts` — 精选项目卡片
- `research.ts` — 论文与简报
- `stack.ts` — 技术栈列表
## 许可证
© Gayashan Kariyawasam。代码采用 MIT 许可证,内容保留所有权利。
标签:3D可视化, AI代理, AI安全, AI工程师, Chat Copilot, Codegen International, GitHub Actions, GitHub Pages, GSAP, IEEE研究员, Lenis, LLM架构, lucide-react, React, React Three Fiber, ScrollTrigger, Syscall, Syscalls, Tailwind CSS, Three.js, TypeScript, Web开发, 个人作品集, 人工智能, 企业AI战略, 作品展示, 前端工程, 动画效果, 响应式设计, 大型语言模型, 学术研究, 安全插件, 技术主管, 技术博客, 用户模式Hook绕过, 自动化攻击, 自动笔记, 莫拉图瓦大学, 软件开发, 静态网站