Vue作品集

resume — Vue 作品集模板

作者 leegeunhyeok

Vue 3 开发的 macOS Big Sur 风格个人简历模板,支持暗色模式与 PWA。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

1 个预览视图

已检查补充预览来源,暂未找到更多可用的页面或手机端截图。

仓库预览 1
作者提供的预览

来自项目仓库的原始界面图片。

目前有 1 张原始预览,可打开完整图片查看设计细节。

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

macOS Big Sur 风格界面,视觉辨识度高

02

基于 Vue 3 + TypeScript + Sass 构建

03

内容通过 JSON 文件配置,无需修改组件

04

支持暗色模式与响应式布局

05

自动从 GitHub 仓库抓取 star 数

06

内置 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作品集

适合你的项目吗?

适用场景

  • 个人简历与作品集展示
  • 开发者个人主页
  • 开源项目展示页面

适合人群

  • 熟悉 Vue 3 或 JSON 配置的开发者
  • 需要快速搭建个人品牌页面的用户
  • 喜欢 macOS 风格 UI 的开发者

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    配置前请备份 src/data 下的 JSON 文件。

  2. 2

    部署到 GitHub Pages 时需参考 docs/DEPLOY_GITHUB_PAGE.md。

  3. 3

    更新模板时使用 git merge 命令,但务必先备份自定义数据。

查看仓库使用说明

授权与来源资料

使用条件与限制

有额外使用条件

代码为MIT可免费使用修改商用,但README列出的图标、壁纸等第三方素材来源与授权需自行确认。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 保留版权与许可声明
  • 使用第三方素材需遵守其各自许可

额外费用与待核对事项

  • Open Graph图标、壁纸、天气图标、Font Awesome等第三方素材授权未确认
查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy

许可证原文

- macOS 11 style icons by [octaviotti](https://www.deviantart.com/octaviotti).

README 原文
https://github.com/leegeunhyeok/resume/blob/master/LICENSEhttps://github.com/leegeunhyeok/resume/blob/HEAD/README.md

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 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。