chanhdai.com 的项目扩展与二次开发

项目的基础介绍

chanhdai.com 是一个开源的个人作品集网站，展示了作者作为软件工程师和 UI/UX 设计师的成果与经验。该项目使用现代前端技术构建，以提供快速且无缝的用户体验。它是一个持续进化的项目，作者在项目中尝试新技术，并随着前端开发的最新进展进行更新。

项目的核心功能

• 优雅且简约的 UI：拥有干净和现代的设计风格。
• 暗黑模式：支持明亮和暗黑主题，提升用户体验。
• vCard 集成：提供数字名片功能，包含联系信息。
• SEO 优化：采用 JSON-LD schema、站点地图和机器人协议。
• 邮件保护：通过混淆技术防止垃圾邮件。
• 可安装的 PWA：基于 Next.js 15 的最新 React 框架，优化性能和可扩展性。
• 博客特性：支持 MDX 和 Markdown，具有语法高亮、RSS 订阅和动态 OG 图片等功能。

项目使用了哪些框架或库？

• Next.js：最新的 React 框架，用于优化性能和可扩展性。
• Tailwind CSS：现代的实用主义 CSS 框架，用于样式设计。
• Radix UI、Motion、shadcn/ui：用于构建用户界面和动画效果。
• 其他：项目还使用了 React、MDX、JavaScript、CSS 等技术，并在 package.json 中包含了众多开源库。

项目的代码目录及介绍

• public/：包含网站公共资源，如图片、CSS 文件等。
• src/：源代码目录，包括页面组件、样式文件、环境变量配置等。
  • .env.example：环境变量示例文件。
  • .gitignore：Git 忽略文件列表。
  • DEVELOPMENT.md：开发指南。
  • LICENSE：项目许可证文件。
  • README.md：项目说明文件。
  • components.json：组件配置文件。
  • eslint.config.mjs：ESLint 配置文件。
  • next.config.ts：Next.js 配置文件。
  • package.json：项目依赖和脚本。
  • pnpm-lock.yaml：PNPM 锁文件。
  • postcss.config.mjs：PostCSS 配置文件。
  • tsconfig.json、tsconfig.scripts.json：TypeScript 配置文件。

对项目进行扩展或者二次开发的方向

• 功能扩展：可以根据个人需求增加新的功能模块，如个人博客、项目管理、时间线等。
• 技术升级：随着前端技术的发展，可以引入新的框架或库，如 Vue.js 或 Angular。
• 主题定制：可以增加更多主题选项，以适应不同的用户偏好。
• 响应式优化：进一步提升网站在不同设备上的显示效果。
• 国际化支持：增加多语言支持，使网站适应不同地区的用户。
• 性能优化：通过代码优化、资源压缩等手段提升网站加载速度和运行效率。

通过以上扩展和二次开发，可以使 chanhdai.com 成为一个更加完善且个性化的作品集网站。