Hugo杂志资讯博客

Blogpaper — Hugo 杂志资讯模板

作者 NormandErwan

Hugo 报纸风博客主题,用横幅图片和自动副标题营造图文杂志感,需 Hugo extended 与 Dart Sass。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

截图用于了解视觉与布局,交互效果请以实际项目为准。 本截图因高度限制未包含整页。

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

值得关注的模板亮点

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

01

报纸式图文排版,列表页与文章页均以横幅大图开场

02

副标题默认从正文前 N 个词自动生成,可在 front matter 覆盖

03

横幅图片支持目录约定、front matter 指定、继承父页面或关闭

04

横幅高度由 CSS 自定义属性控制,可用自定义 CSS/SCSS 覆盖

05

提供在线 demo 与 style guide 页面,便于先看效果再决定

模板详细介绍

Blogpaper 是一个面向 Hugo 的报纸风格博客主题,视觉重心放在页面顶部的横幅图片上,列表页与文章页都以大图加标题的方式呈现,整体接近纸质报刊的图文排版。它不依赖 JavaScript 框架,页面结构由 Hugo 模板和 SCSS 生成,适合把内容本身当作主角的个人博客或资讯型站点。

配置方式比较克制:站点标题、描述、菜单、作者名等在 hugo.yaml 中设置;每篇文章的副标题默认从正文前若干词自动截取,横幅图片可以按目录约定放置,也能在 front matter 里指定文件名、说明文字和链接,甚至用 banner: false 关闭。横幅高度通过 CSS 自定义属性控制,想调整卡片或页头大图的尺寸,可以在 /assets/css/ 下加自己的样式覆盖。

使用前需要确认环境:主题要求 Hugo extended 版本,并且构建 SCSS 依赖 Dart Sass 而非已废弃的 LibSass,否则会出现 SASS 转换报错。仓库未在 README 中说明内容类型、多语言、搜索或评论等扩展能力,也没有给出生产部署建议,这些需要在正式使用前自行核对。许可证状态显示为 review,采用前建议先查看 LICENSE.md 的具体条款。

Hugo杂志资讯博客

适合你的项目吗?

适用场景

  • 个人博客或写作站点,希望首页有较强的图片视觉冲击
  • 内容以文章为主、不需要复杂交互的静态资讯站
  • 想基于 Hugo 快速搭建报刊风格页面并自行调整样式的项目

适合人群

  • 已使用 Hugo 并熟悉 front matter 与 hugo.yaml 配置的开发者
  • 愿意准备横幅配图、接受图片驱动排版的站点维护者
  • 能自行处理 Dart Sass 与 Hugo extended 环境的技术用户

上手与定制指南

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

  1. 1

    需使用 Hugo extended 版本,并安装 Dart Sass 且确保在 PATH 中

  2. 2

    通过 git submodule 将主题放入 themes/Blogpaper,并在 hugo.yaml 中设置 theme

  3. 3

    横幅图片按 banner.jpg 或与页面同名的 jpg 放置,也可在 front matter 中指定或关闭

  4. 4

    README 未说明多语言、评论、搜索等能力,使用前需自行确认

  5. 5

    许可证状态为 review,采用前请阅读 LICENSE.md

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、发布和商用,仅需保留版权与许可声明。README中图片署名与免费图库建议不构成额外授权义务。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 在所有副本或实质部分中包含版权声明和许可声明

额外费用与待核对事项

  • README称图片在使用页面署名,但未逐一确认所有图片素材的授权范围
查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of

许可证原文

The above copyright notice and this permission notice shall be included in all

许可证原文

Permission is hereby granted, free of char

许可证原文
https://github.com/NormandErwan/Blogpaper/blob/main/LICENSE.mdhttps://github.com/NormandErwan/Blogpaper/blob/HEAD/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 86 / 100
技术栈
Hugo
网站类型
杂志资讯 · 博客
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2026-04-18
截图检查日期
2026-09-07

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

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