从 Start Bootstrap Resume 移植到 Hugo 的单页简历主题,左侧导航随页面滚动定位
hugo-resume — Hugo 作品集模板
作者 eddiewebb
hugo-resume 是一个从 Start Bootstrap Resume 移植到 Hugo 的单页简历主题,用数据文件与内容目录组织技能、经历、项目、出版物和博客。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
技能、经历、教育等首页内容由 data 目录下的 JSON 数据文件驱动
项目按 creations 与 contributions 区分原创与协作,另有 publications 与 blog 内容目录
内置基于 fuse.js 的 /search 客户端搜索页,但主题未在导航中链接该页面
提供 /admin 端点并附带 Netlify CMS 集成示例,可像 CMS 一样编辑并提交 Markdown
左侧导航与区块标题支持多语言,当前提供 en 与 fr
模板详细介绍
hugo-resume 是把 startbootstrap.com 的 Resume 模板移植到 Hugo 的主题,主体是带左侧导航自动滚动的单页网站,另设项目与出版物页面承载更详细的内容。首页的简介写在 contents/_index.md,技能、经历、教育等简单内容由 data/skills.json、data/experience.json、data/education.json 等数据文件驱动;项目按 creations 与 contributions 两个子目录区分原创与协作角色,出版物放在 publications,博客放在 blog(模板不支持 posts 目录)。主题内置基于 fuse.js 的客户端搜索页 /search,但当前主题没有在导航中链接到它;还提供 /admin 端点,配合 Netlify CMS 集成可让授权用户以所见即所得方式编辑并提交回 Markdown,该集成不要求部署到 Netlify。左侧导航菜单与区块标题支持多语言,通过 config.toml 的 defaultContentLanguage 选择语言,目前支持 en 和 fr。个人资料等其余信息由 config.toml 的 params 配置。
适合你的项目吗?
适用场景
- 搭建个人在线简历,集中展示简介、技能、工作经历与教育背景
- 整理并展示个人原创项目与参与协作的项目,附更详细说明
- 列出论文、演讲、文章等出版物内容
- 用 Netlify CMS 的编辑界面维护简历内容并提交回 Markdown
适合人群
- 希望用 Hugo 生成静态简历页面的开发者或技术从业者
- 需要把项目、出版物与博客分开组织的个人站点
- 愿意通过 JSON 数据文件和 Markdown 内容维护简历的人
- 需要英文或法文界面,或想基于现有语言扩展多语言的用户
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
克隆仓库后可在 exampleSite 目录运行:cd exampleSite; hugo -t hugo-resume --themesDir ../.. server 查看示例站点
- 2
首页简介编辑 contents/_index.md,技能、经历、教育分别编辑 data/skills.json、data/experience.json、data/education.json
- 3
项目用 hugo add projects/TYPE/name-of-project.md 生成,TYPE 为 creations 或 contributions;出版物与博客分别放在 publications 和 blog 目录,模板不支持 posts 目录
- 4
个人资料等其余信息在 config.toml 的 params 中配置,也可通过 CMS 的 Settings 集合编辑
- 5
多语言通过 config.toml 的 defaultContentLanguage 选择,当前支持 en 和 fr;Netlify CMS 集成位于 exampleSite/static/admin,不要求部署到 Netlify
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- /admin 端点仅允许已授权用户使用所见即所得编辑器编辑并提交 Markdown,需配置相应授权后方可使用。
- Netlify CMS 集成与配置指南位于 exampleSite/static/admin,使用该 CMS 编辑功能需按该目录说明进行配置。
- 模板不支持 posts 目录,博客内容必须放在 blog 目录下。
- 内置多语言仅支持 en 与 fr,其他语言需自行扩展。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
Includes an `/admin` endpoint that can allow authorized users to use a WYSIWYG editor and commit files back to markdown
README 原文
This theme includes a fully working integration and guide in [exampleSite/static/admin]
README 原文
**This template does not support a `posts` folder**
README 原文
https://github.com/eddiewebb/hugo-resume/blob/master/LICENSE.mdhttps://github.com/eddiewebb/hugo-resume/blob/master/README.mdCurrent supported languages are : - `en` - `fr`
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- Hugo Themes
- 资料与维护参考分
- 资料较完整 · 96 / 100
- 技术栈
- Hugo · HTML
- 网站类型
- 作品集
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-09-03
- 截图检查日期
- 2026-10-02
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: 65108467d50f77ede48c5b25a9be132da847198e2e2b30d6f28d2298cf43e40a
2026-10-02T15:52:23.756Z
来源文件 / 仓库# hugo Resume
Created from [Start Bootstrap - Resume](https://startbootstrap.com/template-overviews/resume/).
This is basically a single-page website with auto-scrolling based on left-hand nav. Dedicated project/publications pages allow more detail. Includes a client-side search powered by fuse.js at '/search' but currently theme does not link to that anywhere. Includes an `/admin` endpoint that can allow authorized users to use a WYSIWYG editor and commit files back to markdown, but with a Wordpress/CMS like experience.
<!-- MarkdownTOC autolink="true" -->
- [Examples](#examples)
- [Setup & Use](#setup--use)
- [Summary](#summary)
- [Data files](#data-files)
- [Projects](#projects)
- [Publications](#publications)
- [Blog / Posts](#blog--posts)
- [Template params](#template-params)
- [Internationalization](#internationalization)
- [CMS Editor with Netlify CMS](#cms-editor-with-netlify-cms)
- [Credits](#credits)
- [Contributions](#contributions)
- [Start Bootstrap Resume](#start-bootstrap-resume)
<!-- /MarkdownTOC -->
## Examples





See [Eddie's site](https://edwardawebb.com) for a live example.
## Setup & Use
This theme uses a combination of a custom archetype `projects` and some data files to drive content.
You can test the provided [exampleSite](exampleSite) after cloning with the command:
`cd exampleSite;hugo -t hugo-resume --themesDir ../.. server`
### Summary
Edit the main `contents/_index.md with a brief bio/summary`
### Data files
Data files are used for simple content presented on the homepage.
- [data/skills.json](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/data/skills.json)
- [data/experience.json](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/data/experience.json)
- [data/education.json](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/data/education.json)
### Projects
Initially projects were in their own JSON file too, but I decided I wanted to allow more detail and custom formatting.
Projects are added to one of 2 subfolders of `creations` or `contributions`. The difference indicates your role as originator or collaborator. Use `hugo add projects/TYPE/name-of-project.md` to leverage the proper archetype.
### Publications
Similar to projects, create them under `publications`. Include any papers, speaking engagements, articles, etc.
### Blog / Posts
Similar to posts, create them under `blog`. Include any thoughts, musings, etc.
**This template does not support a `posts` folder**
### Template params
All personal information outside the above details is captured by params in [`config.toml`](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/config.toml), or can be edited in the "Settings" collection if using CMS.
### Internationalization
Left navigation menu and section titles handle multiple languages. Use `defaultContentLanguage` parameter un [`config.toml`](https://gohugo.io/content-management/multilingual/) to choose your language. Current supported languages are :
- `en`
- `fr`
## CMS Editor with Netlify CMS
**Does not require deployment to Netlify!**
[Netlify CMS](https://www.netlifycms.org/) is an open source project that enables CMS like experience for static site generation tools like Hugo. This theme includes a fully working integration and guide in [exampleSite/static/admin](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/static/admin)

## Credits
This project ports the Start Bootstrap Resume theme by David Miller to support hugo.
### Contributions
The following users have made notable contributions:
- [Anthony Whitford](https://github.com/awhitford)
- [Kaushal Modi](https://github.com/kaushalmodi)
- [Julien Rouse](https://github.com/JulienRouse)
### Start Bootstrap Resume
Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
* https://startbootstrap.com
* https://twitter.com/SBootstrap
Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/).
* http://davidmiller.io
* https://twitter.com/davidmillerskt
* https://github.com/davidtmiller
Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

hugo-PaperMod
PaperMod 是 Hugo 生态里知名度较高的主题之一,定位很明确:给博客和轻量作品集站点提供一套干净、响应式的阅读界面。
Hugo · 作品集

Congo
Congo 是一款为 Hugo 设计的现代内容主题,核心定位是让内容本身成为页面焦点。 它基于 Tailwind CSS 3.0 构建,整体布局完全响应式,视觉风格干净且克制,没有多余装饰。
Hugo · 博客

toha
Toha 是一款面向个人作品集场景的 Hugo 主题,以极简设计和响应式布局为核心,适合用来搭建个人主页、作品展示或技术博客。
Hugo · 作品集

hugo-profile
A highly customizable and mobile first Hugo template for personal portfolio and blog.
Hugo · 作品集

hugo-theme-introduction
Minimal, single page, smooth-scrolling theme for Hugo static site generator.
Hugo · 作品集

hugo-theme-console
hugo-theme-console 是一款以系统终端为灵感的极简 Hugo 主题,基于 Terminal CSS 构建,整体视觉干净利落,强调快速加载与响应式布局。
Hugo · 作品集
