在我完成 Word 版简历后，KazariEX 推荐我参考他的 resume.bikari.top 项目制作网页版简历，他简历中的一部分排版灵感来源于我的简历。
cv.zhilu.cyou
├── assets # 静态资源
│ └── main.scss # 全局样式文件 (Sass)
├── components # Vue组件
│ ├── InfoLi.vue # 列表项组件
│ ├── InfoLink.vue # 链接组件
│ ├── InfoSection.vue # 信息区块组件
│ └── Project.vue # 项目展示组件
├── utils # 工具函数
│ ├── icon.ts # 图标映射配置
│ └── link.ts # 链接处理逻辑
├── .env # 本地环境变量配置
├── app.vue # 主页面入口
└── nuxt.config.js # Nuxt应用配置# 安装依赖
pnpm i
# 开发模式
pnpm dev- 在 Yesicon 中搜索所需图标
- 推荐安装 Iconify IntelliSense VS Code插件
- 使用方式：
<NuxtIcon name="图标集合:图标名" /> - 技术栈图标需在
utils/icon.ts中添加映射关系
在项目根目录创建 .env 文件：
# .env
NAME="你的名字"
PHONE="你的电话"该文件会被 .gitignore 排除，不会提交到仓库，因此只会在本地生效。
- 启动开发服务器：
pnpm run dev - 浏览器访问
http://localhost:3000 - 按
Ctrl + P打开打印界面，即可通过“另存为PDF”打印机导出
项目支持多种部署方式：
欢迎提交 Issue 或 PR，请确保代码风格一致。