rishik1072/rishik-s-portfolio

# 🌐 个人作品集 一个完全响应式、交互性强且带有动画效果的个人作品集网站，基于 **React + Vite** 构建，用于展示我的技能、项目和经验。 它包含了流畅的动画、动态的视觉效果以及一点个性，就像任何一个优秀的开发者网站应有的那样 :) ## 🚀 功能 - 🎨 **响应式设计**：在各种设备（手机、平板、桌面端）上均能完美运行。 - 🧩 **交互式粒子背景**：由 `ts-particles` 驱动，会跟随你的光标并增添那种 ✨ 氛围感。 - 🌗 **主题切换器**：轻松在明亮和暗黑模式之间切换。 - 🌀 **流畅的动画**：使用 `GSAP` 和 `Framer Motion` 打造丝滑的过渡效果。 - 🦴 **骨架屏加载动画**：在内容渲染前显示时尚的加载界面。 - 📊 **Google Analytics 4 (GA4)**：已集成以获取访客洞察。 - 📜 **简历版块**：可即时查看或下载我的简历。 - 💡 **技能与项目**：井井有条地展示我的技术栈和作品。 - 📬 **联系表单**：由 `EmailJS` 驱动，可直接发送消息而无需暴露电子邮箱。 ## 🛠️ 技术栈 **前端：** - React + Vite - TypeScript - Tailwind CSS **库与工具：** - Framer Motion - GSAP - ts-particles - EmailJS - Google Analytics 4 ## ⚙️ 设置说明 ### 🧩 安装依赖 ``` npm install ``` ### 💻 运行开发服务器 ``` npm run dev ``` ### 🏗️ 生产环境构建 ``` npm run build ``` ## 🧠 备注 - 🧾 集成了 **Google Analytics 4 (GA4)** 和 **Vercel Web Analytics** 用于追踪用户互动情况。 - ⚠️ 如果您的浏览器拦截了追踪，GA4 可能会在控制台显示警告，这完全正常。 - ⏳ 骨架屏加载器可能会略微增加 LCP，但它能保持加载体验的流畅与优雅。 ⭐ **如果你喜欢这个网站的氛围，别忘了给本仓库点个 Star！**

标签：React, Syscalls, Tailwind CSS, TypeScript, Vite, 个人主页, 动画交互, 安全插件, 自定义脚本