此模板可帮助您使用 Astro、TypeScript、React、Tailwind CSS 和 Shadcn UI 构建作品集。
使用的技术
本项目使用以下技术
- Astro：一个用于构建快速高效网站的现代框架。
- Tailwind CSS：一个实用优先的 CSS 框架，用于快速响应式设计。
- Shadcn UI：一组易于使用且无障碍的 UI 组件。
- React：用于交互式组件和高级功能。
- TypeScript：用于静态类型检查和改进的开发体验。
此外
- 无障碍性：确保您的作品集对所有用户（包括残障人士）都可访问。
- SEO（搜索引擎优化）：通过添加元标签和相关内容来优化您的作品集，以便搜索引擎收录。
- 性能：采用现代网页开发实践来确保最佳性能，例如图片懒加载和最小化 CSS/JS。
- 响应式设计：确保您的作品集在各种尺寸的设备上（从手机到桌面屏幕）都能良好显示。
- 单一文件夹内的集中式数据管理
- 使用 Astro 推荐的 内容集合 (Content Collection) 来管理数据
src/content文件夹用于存储博客文章、项目数据和个人资料数据src/content/profileData.ts用于存储通用个人资料数据- 标签系统
- 简化的深色/浅色模式切换
