使用 Hugo 静态站点生成器与 Hugo Profile 主题构建
portfolio (corey-wooten) — Hugo 作品集模板
作者 corey-wooten
基于 Hugo 与 Hugo Profile 主题的个人作品集站点,用于展示技术项目、自动化方案与跨行业应用案例,并包含博客页面。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
同时包含作品集展示与博客内容页面
提供桌面端与移动端首页及 /blogs 内页的实际截图
README 说明支持浅色/深色/自动配色与分类法
集成 Google Analytics、Disqus 评论和 Formspree 联系表单
仓库采用 MIT 许可,允许免费使用、修改、商用和分发
模板详细介绍
该模板是 corey-wooten 的个人作品集仓库,使用 Hugo 静态站点生成器和 Hugo Profile 主题构建,用于展示技术项目、自动化解决方案以及跨行业的实际应用案例。站点包含作品集与博客两类内容,仓库资料中可见桌面端首页、移动端首页以及 /blogs 内页的截图。
仓库说明其托管在 GitHub Pages,并通过 Netlify 部署;README 同时给出两种使用路径:作为 Hugo 主题克隆到 themes 目录并自行配置 config.yaml,或直接 fork/使用模板按钮连接 Netlify 自动部署。主题本身提供响应式布局、浅色/深色/自动配色、分类法(Taxonomies)、颜色自定义、Google Analytics、Disqus 评论,以及通过 Formspree 提交“联系我”表单。
使用限制方面:README 要求 Hugo 0.87.0 或更高版本;Formspree 表单需要自行配置服务端点,其额度与费用需单独核对;演示图片、字体、图标等第三方素材的许可需逐项确认。代码采用 MIT 许可,允许免费使用、修改、商用和分发,但分发时需保留版权声明与许可声明。
适合你的项目吗?
适用场景
- 整理个人技术项目与自动化方案并对外展示
- 发布与作品集配套的技术博客文章
- 作为 Hugo 主题克隆到本地站点进行二次配置
- 通过 fork 或模板按钮连接 Netlify 实现自动部署
适合人群
- 需要静态作品集站点的开发者
- 使用 Hugo 并希望复用现成主题的个人
- 需要同时展示项目与博客内容的个人站点
- 计划部署到 GitHub Pages 或 Netlify 的用户
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
README 要求 Hugo 0.87.0 或更高版本
- 2
作为主题使用时需克隆到 themes 目录,并在根目录创建 config.yaml 或 config.toml
- 3
配置文件中引用的图片需放入 static 文件夹
- 4
Formspree 联系表单需自行配置服务端点,额度与费用需单独核对
- 5
演示图片、字体、图标等第三方素材需按各自许可核对
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 使用该模板需安装 Hugo 0.87.0 或更高版本,低于此版本无法正常构建站点。
- “联系我”表单依赖第三方 Formspree 服务,需自行注册并配置服务端点,其免费额度与费用需单独核对。
- 站点分析功能依赖 Google Analytics,需自行申请账号并配置跟踪标识。
- 评论功能依赖第三方 Disqus 服务,需自行注册并配置站点短名。
- 配置文件中引用的图片需自行准备并放入 static 文件夹,模板不附带这些素材。
- README 提及 Formspree 表单服务;真实提交需配置服务端点,其使用额度与费用需单独核对。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
Hugo Version 0.87.0 or higher
README 原文
Integration with [FormSpree](https://formspree.io/) for submitting "Contact me" form
README 原文
Analytics Support - [Google Analytics](https://gohugo.io/templates/internal/#google-analytics)
README 原文
Comment Support - [Disqus](https://gohugo.io/content-management/comments/)
README 原文
https://github.com/corey-wooten/portfolio/blob/main/LICENSEhttps://github.com/corey-wooten/portfolio/blob/main/README.mdYou should have the mentioned (_inside the config file_) images in static folder to use them.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 80 / 100
- 技术栈
- Hugo
- 网站类型
- 作品集
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-04-28
- 截图检查日期
- 2026-10-03
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-04
查看当时使用的来源资料
SHA-256: 9e5650a4b1d5f18b9b4e118cafc6e8d2254b4587467b8c3382bb9f11451a8b7d
2026-10-03T22:37:24.341Z
来源文件 / 仓库# Hugo Profile | [Wiki Page](https://github.com/gurusabarish/hugo-profile/wiki) [](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile) [](https://github.com/gurusabarish/hugo-profile/network) [](https://github.com/gurusabarish/hugo-profile/stargazers) [](https://app.netlify.com/sites/hugo-profile/deploys)      A high performance and mobile first hugo template for personal portfolio and blog - ### Example Site: [https://hugo-profile.netlify.app](https://hugo-profile.netlify.app) # Features - Fully Responsive - Minimalist Design - SEO Friendly. - Light/Dark/auto - Taxonomies - [Color customization](https://github.com/gurusabarish/hugo-profile/wiki/Color-Customization) - Analytics Support - [Google Analytics](https://gohugo.io/templates/internal/#google-analytics) - Comment Support - [Disqus](https://gohugo.io/content-management/comments/) - Integration with [FormSpree](https://formspree.io/) for submitting "Contact me" form Technology used: Bootstrap, fontawesome # Requirements - Hugo Version 0.87.0 or higher # How to use this template - [Hugo theme](#Hugo-theme) - [Direct deployment using netlify](#Direct-deployment-using-netlify) [For more details](https://github.com/gurusabarish/hugo-profile/wiki) ## Hugo theme - Install Hugo and create a site using `hugo new site my-site --format="yaml"` - Clone this repo inside your themes folder ``` cd themes git clone https://github.com/gurusabarish/hugo-profile.git ``` - Create config.yaml (you can use `config.toml` too) inside root folder - Setup the configurations in `config.yaml`. [reference](https://github.com/gurusabarish/hugo-profile/blob/master/exampleSite/config.yaml) - You should have the mentioned (_inside the config file_) images in static folder to use them. For more details: [Hugo's official docs](https://gohugo.io/getting-started/quick-start/), [content management](https://www.mikedane.com/static-site-generators/hugo/content-organization/) ## Direct deployment using netlify - Fork this repo or create new repo using `use this template` button and connect repo to netlify. - whenever you customize the files exampleSite folder, netlify will automatically deploy your changes. For more details: [host on netlify](https://gohugo.io/hosting-and-deployment/hosting-on-netlify/), [content management](https://www.mikedane.com/static-site-generators/hugo/content-organization/) # Deployment Run `hugo`. It will generate a folder called public. You can use the files inside public folder for deployment. You should delete the public folder for each time when you are using `hugo` command. # Issues If you have a question, please [open an issue](https://github.com/gurusabarish/hugo-profile/issues) for help and to help those who come after you. The more information you can provide, the better! # Contributing Contributions, issues, and feature requests are welcome! For major changes, please open an issue first to discuss what you would like to change. # License Licensed under [MIT](LICENSE) # 🤝 Support Give a ⭐️ or buy me a ~`coffee`~ tea if you like this project! <a href="https://www.buymeacoffee.com/gurusabarish" target="_blank" rel="noopener"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" height="40" width="145" alt="Buy Me A Coffee"></a>
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

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 · 作品集
