Hugo作品集

hugo-photo-theme — Hugo 作品集模板

作者 TomJamesGray

一个用于摄影作品展示的 Hugo 主题，以响应式照片网格组织图片，通过文章前置参数指定图片地址。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

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

值得关注的模板亮点

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

以响应式照片网格展示摄影作品

照片通过文章前置参数 imgPostUrl 指定图片地址

提供 shortBio 参数用于站点标题下方的简短简介

安装方式为克隆仓库到 themes 目录并在 config.toml 指定主题

采用 MIT 许可，仓库最后更新于 2020 年

模板详细介绍

hugo-photo-theme 是面向摄影网站的 Hugo 主题，核心呈现方式为照片网格，并针对桌面与移动设备做了响应式布局。

使用方式上，主题需要克隆到项目的 themes 目录，并在 config.toml 中把 theme 设为 hugo-photo-theme。照片以普通文章形式创建，在文章前置参数中用 imgPostUrl 填写图片地址，即可加入网格。主题还提供 shortBio 参数，用于在站点标题下方显示简短个人简介。

仓库资料只覆盖安装、网格用法和 shortBio 选项，未说明分类、相册分组、灯箱、图片处理等更细的展示能力，也未给出内容结构或部署方面的额外约定。仓库更新时间为 2020 年，采用 MIT 许可，免费范围限于该版本代码，示例图片等第三方素材需另行核对许可。

Hugo作品集

适合你的项目吗？

适用场景

搭建以网格形式浏览照片的个人摄影网站
在已有 Hugo 站点中替换为照片网格主题
用文章形式逐张添加并展示摄影图片

适合人群

使用 Hugo 构建网站的摄影爱好者
需要简单照片网格展示的创作者
希望以 MIT 许可使用主题代码的开发者

上手与定制指南

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

1
将仓库克隆到项目的 themes 目录
2
在 config.toml 中设置 theme = "hugo-photo-theme"
3
创建文章并在前置参数中填写 imgPostUrl 以加入网格
4
可在 [params] 中设置 shortBio 显示站点标题下方的简介
5
示例图片等第三方素材需按各自许可单独核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

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

查看原文依据

Permission is hereby granted, free of charge
许可证原文

https://github.com/TomJamesGray/hugo-photo-theme/blob/master/LICENSE https://github.com/TomJamesGray/hugo-photo-theme/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较少 · 48 / 100
技术栈: Hugo
网站类型: 作品集

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2020-04-12
截图检查日期: 2026-10-03

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 46345f6de9a859868dc0f9f4cd372251a39dddefa9bfe58da3583060c6fdeaaf

2026-10-03T00:15:58.015Z

来源文件 / 仓库

# Photo Theme
**A simple, responsive photo grid theme for Hugo**

### Screenshots
![Screenshot showing the theme on a desktop](images/example.png)
![Screenshot showing the theme on a mobile device](images/mobile.png)

### Installation
Firstly you need to clone this repo in the `themes` directory for your project:
```
$ cd themes
$ git clone https://github.com/TomJamesGray/hugo-photo-theme
```
Then specify `hugo-photo-theme` as your theme by adding the following line in your `config.toml` file
```
theme = "hugo-photo-theme"
```

### Grid usage
To add photos to the grid all you need to do is make a post as usual then specify the image url as the `imgPostUrl property`, for example

```
---
title: "Image Name"
date: 2020-04-02T21:44:26+01:00
draft: false
imgPostUrl: "Your URL Here"
---
```

### Options
Short bio (the text under the site title)
```
[params]
    shortBio = "xyz"
```

反馈内容错误