Hugo作品集博客

hugo-PaperMod — Hugo 作品集模板

作者 adityatelange

Hugo PaperMod:基于 Hugo 的响应式博客与作品集主题,支持三种布局、明暗主题、客户端搜索与多语言。

看看你的网站会是什么样

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

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

演示站首页的真实桌面布局。

全部页面与视图 4

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

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

值得关注的模板亮点

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

01

三种布局模式:Regular、Home-Info 与 Profile,可分别对应博客首页和个人主页

02

明暗主题自动跟随浏览器偏好,并保留手动切换入口

03

客户端搜索基于 Fuse.js,无需额外搜索服务

04

内置 Open Graph、Twitter Cards 与 Schema.org 结构化数据

05

零 JS 构建依赖,不需要 webpack 或 Node.js 工具链

06

要求 Hugo v0.146.0 及以上版本

模板详细介绍

PaperMod 是 Hugo 生态里知名度较高的主题之一,定位很明确:给博客和轻量作品集站点提供一套干净、响应式的阅读界面。它基于 hugo-paper 扩展而来,增加了更多配置项和布局模式,README 中列出的三种布局——Regular、Home-Info 和 Profile——是它区别于普通博客主题的主要结构差异,Profile 模式尤其适合把首页当成个人介绍页来用。

能力层面,主题覆盖了内容站点常见需求:Hugo 内置资源管线负责指纹、打包和压缩;明暗主题可跟随浏览器偏好自动切换,也能手动切换;多语言带语言选择器;搜索由 Fuse.js 在客户端完成;SEO 方面内置 Open Graph、Twitter Cards 和 Schema.org 结构化数据。文章层面有封面图、自动目录、多作者、社交图标与分享按钮、面包屑、归档与分类、代码块复制按钮和相关文章推荐。README 特别强调零 JS 构建依赖,不需要 webpack 或 Node.js 工具链,对只想写 Markdown 的人来说门槛较低。

需要留意的是,README 只说明这是一个 Hugo 主题,并未涉及任何后端、评论系统或数据存储的接入情况,这些能力需要自行核对。另外主题要求 Hugo v0.146.0 及以上版本,升级 Hugo 前建议先确认兼容性。安装、功能细节和模板覆盖方式都放在 GitHub Wiki 中,而不是 README 正文,上手前需要花点时间读文档。

Hugo作品集博客

适合你的项目吗?

适用场景

  • 个人技术博客或写作站点,需要干净的排版和良好的阅读体验
  • 以 Profile 模式搭建的个人介绍页或轻量作品集
  • 多语言内容站点,需要语言选择器和分类归档
  • 希望避免前端构建工具链、只维护 Markdown 内容的项目

适合人群

  • 已经使用或愿意学习 Hugo 的开发者与写作者
  • 偏好静态站点、不依赖后端服务的博客项目
  • 需要多作者、多语言或分类归档的内容站点
  • 希望主题可深度定制、能通过模板覆盖而非 fork 来改动的用户

上手与定制指南

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

  1. 1

    主题要求 Hugo v0.146.0 或更高版本,安装前先确认本地 Hugo 版本

  2. 2

    安装、更新、功能配置和模板覆盖说明集中在 GitHub Wiki,README 本身不展开

  3. 3

    README 未提及评论系统、后端接口或数据存储,如需这些能力要自行核对和接入

  4. 4

    示例站点源码位于 exampleSite 分支,可作为配置参考

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中的免费 MIT 版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 使用、修改或分发代码时,保留原作者版权声明和完整 MIT 许可证。
  • 允许免费使用、修改及商用,也允许分发代码;分发时仍需随附版权与许可声明。
  • 代码按现状提供,作者不承诺担保或承担使用责任。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

依据完整 MIT 许可证与仓库 README 核对 · 2026-09-27。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
Hugo Themes
资料与维护参考分
资料较完整 · 100 / 100
技术栈
Hugo
网站类型
作品集 · 博客
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-08-02
截图检查日期
2026-09-27

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

仓库文件核对

检查日期: 2026-09-30 · 仅核对文件,未安装依赖或运行测试。

README.mdpackage.json: 未从仓库根目录取得(HTTP 404)
查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: Codex(本次来源核对) · 2026-09-27

查看当时使用的来源资料

SHA-256: 0105111c445643038678b0427b1de3569716333ceebaa6dd36085a87145dc1c8

2026-09-27T12:06:41.222Z

来源文件 / 仓库
# Hugo PaperMod

**A fast, clean, and responsive theme for [Hugo](https://gohugo.io/).**

[![hugo-papermod](https://img.shields.io/badge/Hugo--Themes-@PaperMod-blue)](https://themes.gohugo.io/themes/hugo-papermod/)
[![Minimum Hugo Version](https://img.shields.io/static/v1?label=Hugo&message=v0.146.0%2B&color=blue&logo=hugo)](https://github.com/gohugoio/hugo/releases/tag/v0.146.0)
[![Discord](https://img.shields.io/discord/971046860317921340?label=Discord&logo=discord)](https://discord.gg/ahpmTvhVmp)

> Based on [hugo-paper](https://github.com/nanxiaobei/hugo-paper/tree/4330c8b12aa48bfdecbcad6ad66145f679a430b3), with additional features and customization options.

<table>
	<tbody>
		<tr>
			<td>Live Demo</td>
			<td><a href="https://adityatelange.github.io/hugo-PaperMod/">adityatelange.github.io/hugo-PaperMod</a></td>
		</tr>
		<tr>
			<td>Documentation 📚</td>
			<td><a href="https://github.com/adityatelange/hugo-PaperMod/wiki">Github Wiki</a></td>
		</tr>
		<tr>
			<td>Example Site Source</td>
			<td><a href="https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite">exampleSite branch</a></td>
		</tr>
		<tr>
			<td><a href="https://www.star-history.com/adityatelange/hugo-papermod"><img src="https://api.star-history.com/badge?repo=adityatelange/hugo-PaperMod&amp;theme=dark" alt="Star History Rank" /></a></td>
			<td><a href="https://ko-fi.com/H2H229ZWH"><img src="https://ko-fi.com/img/githubbutton_sm.svg" alt="ko-fi" /></a></td>
		</tr>
	</tbody>
</table>


<p align="center">
  <img src="https://user-images.githubusercontent.com/21258296/114303440-bfc0ae80-9aeb-11eb-8cfa-48a4bb385a6d.png" alt="Mockup image" title="Mockup"/>
</p>

---

## Features 💥

`☄️ Fast | ☁️ Fluent | 🌙 Smooth | 📱 Responsive`

- **Asset pipeline** -- Hugo's built-in asset generator with fingerprinting, bundling, and minification.
- **Three layout modes** -- [Regular](https://github.com/adityatelange/hugo-PaperMod/wiki/Features#regular-mode-default-mode), [Home-Info](https://github.com/adityatelange/hugo-PaperMod/wiki/Features#home-info-mode), and [Profile](https://github.com/adityatelange/hugo-PaperMod/wiki/Features#profile-mode).
- **Light and dark themes** -- Automatic switching based on browser preference, plus a manual toggle.
- **Multilingual support** -- Includes a built-in language selector.
- **Search** -- Client-side search powered by Fuse.js.
- **SEO optimized** -- Open Graph, Twitter Cards, and Schema.org structured data out of the box.
- **Cover images** -- Per-post cover images with responsive image support.
- **Table of contents** -- Auto-generated from heading structure.
- **Multiple authors** -- Native support for multi-author sites.
- **Social icons and share buttons** -- Configurable social links and per-post sharing.
- **Breadcrumb navigation**
- **Post archives and taxonomies**
- **Code block copy buttons** -- One-click copying with Chroma syntax highlighting.
- **Related post suggestions**
- **Zero JS build dependencies** -- No webpack, Node.js, or other tooling required.

| Topic                                                                                             | Description                                     |
| ------------------------------------------------------------------------------------------------- | ----------------------------------------------- |
| **[Installation guide](https://github.com/adityatelange/hugo-PaperMod/wiki/Installation)**        | Detailed installation and update instructions   |
| **[Features wiki page](https://github.com/adityatelange/hugo-PaperMod/wiki/Features)**            | In-depth explanations of all features           |
| **[FAQ wiki](https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs)**                          | Common questions and configuration walkthroughs |
| **[Icons wiki](https://github.com/adityatelange/hugo-PaperMod/wiki/Icons)**                       | Documentation for social icons and share icons  |
| **[Variables wiki](https://github.com/adityatelange/hugo-PaperMod/wiki/Variables)**               | List of all available template variables        |
| **[Overiding templates](https://github.com/adityatelange/hugo-PaperMod/wiki/Template_Overrides)** | Guide to customizing templates without forking  |
| **[Releases](https://github.com/adityatelange/hugo-PaperMod/releases)**                           | Detailed history of releases                    |

---

## Performance ☄️

PaperMod consistently scores near-perfect results on [Pagespeed Insights](https://pagespeed.web.dev/report?url=https://adityatelange.github.io/hugo-PaperMod/).

<img width="481" height="116" alt="image" src="https://github.com/user-attachments/assets/497d831b-d143-4a46-bc11-b1d7f8ef4a83" />

---

## Support 🫶

- Star this repository to show your support.
- Share PaperMod with others who might find it useful.
- Sponsor the project on [GitHub Sponsors](https://github.com/sponsors/adityatelange) or [Ko-Fi](https://ko-fi.com/adityatelange).

---

## Special Thanks 🌟

- [Highlight.js](https://github.com/highlightjs/highlight.js)
- [Fuse.js](https://github.com/krisk/fuse)
- [Feather Icons](https://github.com/feathericons/feather)
- [Simple Icons](https://github.com/simple-icons/simple-icons)
- All contributors and supporters
反馈内容错误

看看同类模板

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