macOS Big Sur 风格界面,视觉辨识度高
resume — Vue 作品集模板
作者 leegeunhyeok
Vue 3 开发的 macOS Big Sur 风格个人简历模板,支持暗色模式与 PWA。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
已检查补充预览来源,暂未找到更多可用的页面或手机端截图。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
基于 Vue 3 + TypeScript + Sass 构建
内容通过 JSON 文件配置,无需修改组件
支持暗色模式与响应式布局
自动从 GitHub 仓库抓取 star 数
内置 PWA 支持
模板详细介绍
leegeunhyeok/resume 是一份以 Vue 3 + TypeScript 构建的个人简历模板,视觉上模仿 macOS Big Sur 风格,适合开发者展示个人经历与作品。模板将内容与代码分离,简历中的基础信息、项目、活动等均通过 src/data 下的 JSON 文件配置,无需深入组件即可完成大部分定制。项目内置了暗色模式、响应式布局、PWA 支持,以及从 GitHub 仓库自动抓取 star 数的能力,适合作为开发者个人主页或作品集使用。
配置方式以 JSON 为主,例如在 _base.json 中设置姓名、简介、社交链接、技能与爱好,在 project.json 中按标签组织项目条目,每项可关联图片、日期、描述与链接。项目 URL 若为 GitHub 仓库,会自动显示 star 数,这一细节对展示开源作品很有帮助。模板还提供了 HTML meta 与 og 标签模板,便于社交分享时的预览效果。
需要注意的是,该项目仍处于早期阶段,README 中标注浏览器支持为 WIP,且明确不支持 SSR 或静态生成(作者计划等待 Vue 3 支持后接入 Nuxt)。因此,若需要 SEO 友好的静态站点或对老旧浏览器有兼容要求,上线前需自行验证。部署方面支持 GitHub Pages 或手动部署,更新时可通过 git 合并上游模板,但务必先备份 src/data 下的自定义数据。
适合你的项目吗?
适用场景
- 个人简历与作品集展示
- 开发者个人主页
- 开源项目展示页面
适合人群
- 熟悉 Vue 3 或 JSON 配置的开发者
- 需要快速搭建个人品牌页面的用户
- 喜欢 macOS 风格 UI 的开发者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
配置前请备份 src/data 下的 JSON 文件。
- 2
部署到 GitHub Pages 时需参考 docs/DEPLOY_GITHUB_PAGE.md。
- 3
更新模板时使用 git merge 命令,但务必先备份自定义数据。
授权与来源资料
使用条件与限制
有额外使用条件代码为MIT可免费使用修改商用,但README列出的图标、壁纸等第三方素材来源与授权需自行确认。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 保留版权与许可声明
- 使用第三方素材需遵守其各自许可
额外费用与待核对事项
- Open Graph图标、壁纸、天气图标、Font Awesome等第三方素材授权未确认
查看原文依据
Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
https://github.com/leegeunhyeok/resume/blob/master/LICENSEhttps://github.com/leegeunhyeok/resume/blob/HEAD/README.md- macOS 11 style icons by [octaviotti](https://www.deviantart.com/octaviotti).
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 58 / 100
- 技术栈
- Vue
- 网站类型
- 作品集
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2020-12-01
- 截图检查日期
- 2026-09-06
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Vue。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

portfolio-template
👋A simple, minimal portfolio website!
Vue · 作品集

vuejs-os-template
vuejs-os-template 是一个面向 Vue 2 的 Web OS 模板,目标是让开发者快速搭建一个带有桌面、窗口和导航栏的交互式网页。
Vue · 作品集

portfolio-template
A fully customizable portfolio website template built using Vue.js and Tailwind CSS.
Vue · 作品集

vue-porto
VuePorto is a Bootstrap resume or CV landing page theme using Vuejs spa to help you create easy to use, stylis…
Vue · 作品集

remzi.info
My personal website built with Vite, Vue.js, TypeScript and Sass. Which can also be used as a template for oth…
Vue · 作品集

devsheet
📝 Build your portfolio effortlessly with this minimal monospace Hugo theme, perfect for showcasing your proje…
Vue · 作品集
