Hugo作品集

portfolio (corey-wooten) — Hugo 作品集模板

作者 corey-wooten

基于 Hugo 与 Hugo Profile 主题的个人作品集站点,用于展示技术项目、自动化方案与跨行业应用案例,并包含博客页面。

看看你的网站会是什么样

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

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

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

采集于 2026-10-03查看来源

值得关注的模板亮点

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

01

使用 Hugo 静态站点生成器与 Hugo Profile 主题构建

02

同时包含作品集展示与博客内容页面

03

提供桌面端与移动端首页及 /blogs 内页的实际截图

04

README 说明支持浅色/深色/自动配色与分类法

05

集成 Google Analytics、Disqus 评论和 Formspree 联系表单

06

仓库采用 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作品集

适合你的项目吗?

适用场景

  • 整理个人技术项目与自动化方案并对外展示
  • 发布与作品集配套的技术博客文章
  • 作为 Hugo 主题克隆到本地站点进行二次配置
  • 通过 fork 或模板按钮连接 Netlify 实现自动部署

适合人群

  • 需要静态作品集站点的开发者
  • 使用 Hugo 并希望复用现成主题的个人
  • 需要同时展示项目与博客内容的个人站点
  • 计划部署到 GitHub Pages 或 Netlify 的用户

上手与定制指南

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

  1. 1

    README 要求 Hugo 0.87.0 或更高版本

  2. 2

    作为主题使用时需克隆到 themes 目录,并在根目录创建 config.yaml 或 config.toml

  3. 3

    配置文件中引用的图片需放入 static 文件夹

  4. 4

    Formspree 联系表单需自行配置服务端点,额度与费用需单独核对

  5. 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 原文

You should have the mentioned (_inside the config file_) images in static folder to use them.

README 原文
https://github.com/corey-wooten/portfolio/blob/main/LICENSEhttps://github.com/corey-wooten/portfolio/blob/main/README.md

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)

[![Twitter](https://img.shields.io/twitter/url?label=Tweet&style=social&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile) [![GitHub forks](https://img.shields.io/github/forks/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/network) [![GitHub stars](https://img.shields.io/github/stars/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/stargazers)

[![Netlify Status](https://api.netlify.com/api/v1/badges/5c1dcb34-cada-4c80-82b7-cfdbdbd7c774/deploy-status)](https://app.netlify.com/sites/hugo-profile/deploys)
![Latest Release](https://img.shields.io/github/v/release/gurusabarish/hugo-profile?include_prereleases)
![Last Commit](https://img.shields.io/github/last-commit/gurusabarish/hugo-profile)
![Open Issues](https://img.shields.io/github/issues/gurusabarish/hugo-profile?color=important)
![Open Pull Requests](https://img.shields.io/github/issues-pr/gurusabarish/hugo-profile?color=yellowgreen)
![License](https://img.shields.io/github/license/gurusabarish/hugo-profile)

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>
反馈内容错误

看看同类模板

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