Hugo博客

hugo-shouryaps-blog-theme — Hugo 博客模板

作者 shouryaps

基于 Hugo 的博客主题,由 shouryaps.com 使用,fork 自 Zerostatic 的 Hugo Winston 主题,采用 MIT 许可。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

为 shouryaps.com 提供博客主题,fork 自 Hugo Winston Theme

02

采用 MIT 许可,允许免费使用、修改、商用和分发代码

03

通过 git submodule 方式集成到 Hugo 站点

04

提供 exampleSite,可在本地用 hugo serve -D 预览

05

文章与页面分别放在 content/posts 和 content/pages,页面自动进入主菜单

模板详细介绍

该主题是 shouryaps.com 实际使用的 Hugo 博客主题,代码 fork 自 Zerostatic 的 Hugo Winston Theme。仓库以 MIT 许可发布,允许免费使用、修改、商用和分发代码,但演示图片、字体、图标等第三方素材需另行核对许可。

使用方式为标准的 Hugo 主题集成:在已安装 Hugo extended 版本的环境中新建站点,通过 git submodule 将主题放入 themes 目录,再把 exampleSite 内容复制到站点根目录,并调整 config.toml 中的 themesDir 等配置。文章放在 content/posts 下,页面放在 content/pages 下,页面会出现在主菜单中。本地预览可在 exampleSite 目录执行 hugo serve -D。

仓库资料未提供主题的样式细节、功能模块清单或性能说明,仅标注为 Hugo 博客主题,因此具体视觉与功能表现需以实际仓库和演示站点为准。

Hugo博客

适合你的项目吗?

适用场景

  • 搭建个人 Hugo 博客并复用该主题
  • 以 exampleSite 为基础快速启动新站点
  • 参考该主题结构学习 Hugo 主题的目录组织与配置方式

适合人群

  • 使用 Hugo 并希望采用现成博客主题的开发者
  • 需要 MIT 许可、可自由修改和分发代码的博客项目
  • 希望以示例站点为起点搭建个人站点的人

上手与定制指南

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

  1. 1

    需安装 Hugo extended 版本

  2. 2

    通过 git submodule add 将主题放入 themes/hugo-shouryaps-blog-theme

  3. 3

    复制 exampleSite 内容到站点根目录,并将 config.toml 的 themesDir 改为 themes

  4. 4

    删除 content/posts 中的示例文章后,用 hugo new posts/xxx.md 新建文章

  5. 5

    本地预览:进入 exampleSite 目录执行 hugo serve -D

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 65 / 100
技术栈
Hugo
网站类型
博客
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2023-03-20
截图检查日期
2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: 4c381f433e75b44888ad760c2fd1766e59b9db8c8eedfbd1c0b572392f37dce3

2026-10-03T21:18:53.490Z

来源文件 / 仓库
# hugo shouryaps blog theme

This theme powers [shouryaps.com](https://shouryaps.com). It is forked from [Hugo Winston Theme](https://github.com/zerostaticthemes/hugo-winston-theme) by [Zerostatic](https://www.zerostatic.io/).  

## Running and testing theme locally
1. Change directory to `exampleSite`
2. Run `hugo serve -D`

## Using the template
1. Install hugo (Make sure extended version is installed)
2. Create a new site
```sh
hugo new site sitename
```
3. Add the theme
```sh
cd sitename
git init
mkdir themes # run this if themes folder doesn't exists
git submodule add https://github.com/shouryaps/hugo-shouryaps-blog-theme.git themes/hugo-shouryaps-blog-theme
```
4. Copy the example site
```sh
cp -a themes/hugo-shouryaps-blog-theme/exampleSite/. .
```
5. Modify the `config.toml` as per required values. Make sure `themesDir` value is changed to `themes`, instead of `../..`
6. Delete old posts (`.md` files) from `content/posts`
7. Add a new post
```sh
hugo new posts/my-first-post.md
```

## Creating new pages
Pages appear in the main menu. These can be created using following command:
```sh
hugo new pages/my-first-page.md
```
反馈内容错误

看看同类模板

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