基于 Nuxt 与 Vue 的个人简历网站模板
NuxtVueHTML作品集
nuxt-resume — Nuxt 作品集模板
作者 ivangreve
基于 Nuxt 与 Vue 的个人简历网站模板，内置 i18n 多语言支持，可通过编辑 locales 文件自定义内容并生成静态站点。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局，交互效果请以实际项目为准。
采集于 2026-09-30查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
通过 locales 下的 JSON 文件维护简历文案，支持英语与西班牙语
可在 nuxt.config.js 中登记新语言并扩展多语言支持
提供 npm run generate 生成静态站点到 ./dist 目录
集成 ESLint 与 Prettier，样式基于 Bootstrap
模板详细介绍
nuxt-resume 是一个个人简历网站模板，使用 Nuxt 与 Vue 构建，并集成 i18n 实现多语言。模板默认提供英语（./locales/en.json）与西班牙语（./locales/es.json）两种语言文件，页面文案与简历内容均从这些 JSON 文件读取，因此修改简历不需要改动组件代码。
新增语言时，在 ./locales 下创建对应语言文件，并在 nuxt.config.js 的 i18n 配置中登记 locales、messages 与 fallbackLocale；语言切换通过 nuxt-link 指向 switchLocalePath 生成的路径实现。
构建方面，README 给出 npm install、npm run build、npm run dev 的常规流程，并说明 npm run generate 会把生成的静态代码输出到 ./dist 目录，可用于部署静态站点。项目还配置了 ESLint 与 Prettier，样式层使用 Bootstrap。
模板的局限在于：仓库最后更新时间为 2021 年，README 未说明测试、无障碍或浏览器兼容性情况，也未提供除演示站之外的部署示例；使用前应自行核对依赖版本与第三方素材的许可。
NuxtVueHTML作品集
适合你的项目吗？
适用场景
- 搭建个人在线简历页面并部署为静态站点
- 需要中英或多语言切换的求职简历展示
- 以现成 Nuxt 模板为基础修改文案与语言文件
适合人群
- 熟悉 Vue 或 Nuxt、希望快速起步个人简历站的开发者
- 需要多语言简历页面并愿意直接编辑 JSON 文案的人
- 计划用静态生成方式托管简历页面的用户
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
需先安装 Node.js，然后克隆仓库并执行 npm install 安装依赖
- 2
使用 npm run dev 启动开发模式，npm run build 构建，npm run generate 生成静态文件到 ./dist
- 3
简历内容与语言文案在 ./locales/en.json 和 ./locales/es.json 中修改
- 4
新增语言需创建对应 JSON 文件，并在 nuxt.config.js 的 i18n 配置中登记 locales 与 messages
- 5
仓库最后更新于 2021 年，使用前请核对依赖版本及第三方素材许可
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供；担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/ivangreve/nuxt-resume/blob/master/LICENSEhttps://github.com/ivangreve/nuxt-resume/blob/master/README.mdPermission is hereby granted, free of charge
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 77 / 100
- 技术栈
- Nuxt · Vue · HTML
- 网站类型
- 作品集
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2021-04-05
- 截图检查日期
- 2026-10-01
已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Nuxt。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: a260f59a9f1f3473cae6d3a2ca546640df0ea179dfbffea1f74b327dead8a823
2026-10-01T14:35:35.840Z
来源文件 / 仓库
# ResuMe Nuxt + i18n (Multilanguage) ✨🌍
An easy way to **build** you own personal web resume! 💪
### [Check the Demo 💾](https://ivangreve.com/)
## Pre-Requisites
- Install [NodeJS](https://nodejs.org/es/)
## How to start? 🥳
1) **Clone** the **repository**
2) **Install** dependencies:
- `$ npm install`
3) **Build** application:
- `$ npm run build`
4) **Run** in **dev mode**:
- `$ npm run dev`
## Configuration ⚙
***You can easily customize the template and the languages!*** 🚀
- To do this, you have to **edit** the **locales** files as you want! 📄
### Languages Files 🌍
**English**: `./locales/en.json`
**Spanish** `./locales/es.json`
### Add new Language
1) **Create** a new language file in the folder `./locales` :
- **eg.** : `fr.json`
2) **Change** **i18n** configuration in the ***nuxt.config.js***,
```javascript
i18n: {
locales: ['en', 'es', 'fr'],
defaultLocale: 'en',
vueI18n: {
fallbackLocale: 'en',
messages: {
en: require('./locales/en.json'),
es: require('./locales/es.json'),
fr: require('./locales/fr.json')
}
}
},
```
3) You can easily change the actual language by following way:
```html
<div>
<nuxt-link class="btn btn-light" :to="switchLocalePath('en')">EN</nuxt-link>
<nuxt-link class="btn btn-light" :to="switchLocalePath('es')">ES</nuxt-link>
<nuxt-link class="btn btn-light" :to="switchLocalePath('fr')">FR</nuxt-link>
</div>
```
## Generate static code 🥳
1) In the **root** folder, run the following command:
- `$ npm run generate`
2) All the **generated** code will be apear in the `./dist` folder.
## Used Technologies/Tools 🔧🦾
- [VueJs](https://vuejs.org/)
- [Nuxt](https://nuxtjs.org/)
- [i18n](https://nuxtjs.org/examples/i18n/)
- [ESLint](https://eslint.org/) + [Prettier](https://prettier.io/)
- [Bootstrap](https://getbootstrap.com/docs/4.1/getting-started/introduction/)
看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
canvas
Portfolio template made with Nuxt 3, Nuxt Content v3, NuxtUI v3 and TailwindCSS v4
Nuxt · 作品集
portfolio
Nuxt Portfolio Template made with Nuxt UI and Nuxt Content.
Nuxt · 作品集
nuxtjs-tailwindcss-portfolio
Nuxt.js & Tailwind CSS version of the portfolio project.
Nuxt · 作品集
pahachaan
Opensource portfolio template using Nuxt 4 with Nuxt Studio support
Nuxt · 作品集
nano-portfolio
Nano Portfolio 是一个面向开发者的开源作品集模板，基于 Nuxt 3 生态构建，核心卖点是能通过 GitHub Octokit 自动拉取你的 GitHub 个人资料与仓库信息，省去手动维护项目列表的麻烦。
Nuxt · 作品集
super-portfolio
🖥️⚡ Build your timeless portfolio with Super Portfolio with Nuxt 3 and Tailwind CSS
Nuxt · 作品集