gegarron 是一个精心设计的个人网站，旨在展示个人项目、博客和技术成就。该网站提供简洁而现代的用户界面，适用于展示个人信息、作品、博客文章等。
- 美观的UI设计：采用 TailwindCSS、MagicUI 和 Shadcn/UI 提供现代、简洁的用户界面。
- 响应式布局：支持在所有设备上的流畅体验，自动调整内容以适应不同屏幕尺寸。
- 光/暗模式：根据用户偏好，提供光模式和暗模式的切换。
- 多语言：支持多语言切换。
- Github 日历：显示你的 GitHub 活跃度，展示你的开源贡献。
- 技术图标云：展示你熟悉的技术栈和工具，展示你作为开发者的技能。
- 访客计数器：实时统计访问者的数量，让你更好地了解网站的流量。
- 博客部分：支持博客文章的创建和管理，允许你发布技术文章、个人感悟等。
- MDX 和 Markdown 支持：通过 MDX 和 Markdown 格式编写博客内容，轻松嵌入组件和丰富内容。
- RSS Feed：博客支持 RSS 订阅，方便用户跟踪你的更新。
- Web Analytics 集成：集成多种 Web 分析工具，如 Google Analytics、OpenPanel Analytics 和 Plausible Analytics，帮助你追踪网站流量和用户行为。
- Next.js：用于构建高效、SEO友好的 React 应用。
- TailwindCSS：功能强大的 CSS 框架，帮助快速构建响应式布局。
- Shadcn/UI：现代、简洁的 UI 组件库，增强了网站的用户体验。
- MagicUI：一款精美的 UI 组件库，提供丰富的设计元素。
- Phosphor Icons：提供一系列高质量的图标，支持多种样式。
访问 gegarron.com 查看实时演示。
.env.local- 存储环境变量（如 API 密钥、数据库连接信息等）。确保在本地开发时正确配置。src/config/siteConfig.ts- 配置网站的基本信息，如站点标题、描述等。src/config/infoConfig.ts- 配置个人信息，如姓名、简介、社交链接等。- **
src/content/blog/**.mdx** - 存放博客文章。使用 MDX 和 Markdown 格式编写内容。
-
安装依赖
使用
pnpm来安装项目依赖：pnpm install
-
启动开发服务器
启动本地开发服务器：
pnpm dev
-
访问本地开发环境
在浏览器中访问 http://localhost:3000，查看本地开发版本。
- 确保你已经在 Vercel 上创建了账户。
- 连接 GitHub 仓库，选择项目进行部署。
- 配置环境变量（如
NEXT_PUBLIC_GITHUB_TOKEN、NEXT_PUBLIC_ANALYTICS_ID等）。 - 一键部署，并将项目上线。
- 个人信息：通过修改
src/config/infoConfig.ts配置文件，定制个人信息（如姓名、社交链接、技能等）。 - 站点配置：通过
src/config/siteConfig.ts配置文件，定制站点基本信息（如站点标题、描述、Logo 等）。 - 博客内容：在
src/content/blog文件夹中添加.mdx或.md文件来发布新的博客文章。
本项目使用 MIT 许可证，你可以自由使用、修改和分发。
欢迎参与贡献！请遵循以下步骤：
- Fork 本项目并将其克隆到本地。
- 在新的分支上进行开发：
git checkout -b feature/your-feature-name。 - 提交更改：
git commit -m "Add your feature"。 - 推送到远程：
git push origin feature/your-feature-name。 - 提交 Pull Request。
如果你对该项目有任何问题或建议，请通过以下方式与我们联系：
- Email: gejialun88@gmail.com
- Weixin: gegarron
- GitHub Issues: 提交 Issue
- Next.js：构建现代化、性能优秀的 React 应用框架。
- TailwindCSS：极简主义的 CSS 框架，帮助快速构建响应式布局。
- Shadcn/UI 和 MagicUI：提供了一些非常有用的 UI 组件，极大提升了开发效率。
- Phosphor Icons：提供了一系列优秀的图标，增强了网站的视觉效果。
🚀 开始你的个人网站建设，展示你的技术与创作，打造属于你的线上空间！