这是一个使用 Next.js 和 Tailwind CSS 构建的个人简历项目。
本项目旨在创建一个现代化、响应式的在线简历,展示个人信息、技能、工作经历、项目经验和教育背景。
- 响应式设计,适配各种设备
- 清晰的布局结构,包括个人信息、技能介绍、工作经历、项目经验和教育背景
- 使用 Tailwind CSS 实现的现代化 UI 设计
- 支持打印优化,便于生成 PDF 版本
- Next.js
- React
- TypeScript
- Tailwind CSS
- 克隆仓库:
git clone https://github.com/snjyor/my-cv.git
cd my-cv
- 安装依赖:
npm install
- 运行开发服务器:
npm run dev
- 在浏览器中打开 http://localhost:3000 查看结果。
src/components/
: 包含所有的 React 组件src/app/
: 包含主页面组件public/
: 存放静态资源,如图片
只需要修改 config/config.tsx 中的配置内容即可
src/components/personal-info.tsx
: 个人信息src/components/skills-and-certificates.tsx
: 技术栈和证书src/components/skill-introduction.tsx
: 技能介绍src/components/work-experience.tsx
: 工作经历src/components/project-experience.tsx
: 项目经验src/components/education-experience.tsx
: 教育背景
要构建生产版本,运行:
npm run build
构建完成后,你可以使用:
npm start
来启动生产服务器。
欢迎提出问题和贡献代码。请确保遵循项目的代码风格和贡献指南。
本项目采用 Apache License 2.0 许可证。详情请参阅 LICENSE 文件。