基于 Hugo 的极简博客主题,使用 Tailwind CSS 构建样式
NgeBlog — Hugo 博客模板
作者 rebelsec
NgeBlog 是一个基于 Hugo 的极简博客主题,使用 Tailwind CSS 构建,支持明暗模式与响应式布局。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
支持桌面与移动端响应式布局,以及明暗模式切换
内置分页与自动展开的目录,便于长文阅读
基于 JSON-LD 的 SEO schema,并支持多家搜索引擎站点验证
可接入 Google Analytics、Fathom、Plausible、Yandex Metrica 等分析服务
图片使用原生懒加载,减少首屏资源负担
模板详细介绍
NgeBlog 是面向 Hugo 的博客主题,定位为极简、干净、优雅。主题使用 Tailwind CSS 进行样式构建,因此需要 Hugo extended 版本才能编译 SCSS。仓库提供了 exampleSite 示例内容,可在本地通过 hugo server --themesDir ../.. 预览。
功能方面,主题包含桌面与移动端响应式布局、明暗模式切换、分页、自动生成的目录,以及基于 JSON-LD 的 SEO schema。它支持 Google Analytics、Fathom、Plausible、Yandex Metrica 等分析服务,并支持 Google、Bing、Yandex、百度等搜索引擎的站点验证。图片使用原生懒加载。
使用方式为将仓库克隆到 Hugo 站点的 themes 目录,并在 config.toml 中设置 theme = "NgeBlog"。主题代码采用 MIT 许可,可免费使用、修改、商用和分发,但演示图片、字体、图标等第三方素材需单独核对许可。README 中提到的性能分数属于作者自述,未在本资料中独立验证。
适合你的项目吗?
适用场景
- 搭建个人技术博客或写作站点
- 需要明暗模式与响应式阅读体验的内容站点
- 希望使用 Tailwind CSS 定制外观的 Hugo 项目
- 需要接入第三方分析或搜索引擎验证的博客
适合人群
- 使用 Hugo 并偏好极简排版的个人博主
- 需要移动端适配与暗色阅读模式的写作者
- 愿意通过 Tailwind CSS 调整样式的开发者
- 对 SEO schema 与站点验证有基础需求的站点
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
必须安装 Hugo extended 版本,主题使用 SCSS 编译样式
- 2
先执行 hugo new site myblog 创建站点,再将仓库克隆到 themes 目录
- 3
在 config.toml 中设置 theme = "NgeBlog" 以启用主题
- 4
可在 exampleSite 目录运行 hugo server --themesDir ../.. 预览示例内容
- 5
演示图片、字体、图标等第三方素材需按各自许可单独核对
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
- 使用该主题必须安装 Hugo extended 版本,普通版 Hugo 无法编译主题的 SCSS 样式。
- 主题样式基于 SCSS,依赖 Hugo extended 内置的 SCSS 编译能力,否则需额外工具处理样式。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
You must have the [Hugo extended version](https://gohugo.io/installation/linux/#editions) installed in order to use this theme.
README 原文
https://github.com/rebelsec/NgeBlog/blob/main/LICENSEhttps://github.com/rebelsec/NgeBlog/blob/main/README.mdThis theme uses SCSS for styling. With the Hugo extended version, SCSS can be compiled to CSS without any additional tools.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-11。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 68 / 100
- 技术栈
- Hugo
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2024-02-12
- 截图检查日期
- 2026-10-11
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-13
查看当时使用的来源资料
SHA-256: 1d2c8a4b74fb02dc3eea452b3d5cb096b66b6c06f8f0f73b8548b905f56be256
2026-10-11T20:22:18.131Z
来源文件 / 仓库# NgeBlog Theme \| Hugo > **NgeBlog** is a **Minimalist** , **clean**, and **elegant** blog theme for [Hugo](https://gohugo.io/).  ## [Demo Site](https://www.rebelsec.id) To see this theme in action, here is a [live demo](https://www.rebelsec.id) site which is rendered with **NgeBlog** theme. ## Why choose NgeBlog NgeBlog theme a minimalistic, simple, and elegant design for a blog built with Hugo has several advantages: - Tailwind CSS: Using Tailwind CSS. - Fast Loading: Simple design for quick loading across devices. - Readability: Clear layouts and typography enhance reading comfort. - Timeless Aesthetics: Minimalistic and elegant for a modern, professional look. - Mobile Responsiveness: Adapts seamlessly to various screen sizes. - Customization: "NgeBlog" allows personalization of colors, fonts, and layout elements. - etc. In short, "NgeBlog" offers a minimalistic and elegant theme, prioritizing content with fast loading and readability. Its timeless aesthetics, mobile responsiveness, and easy maintenance adapt well for growth. The clutter-free design ensures a professional impression, and customization options add a personal touch while maintaining simplicity. ## Features ### Performance and SEO - Optimized for **performance**: 99/100 on mobile and 100/100 on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) - Optimized SEO performance with a correct **SEO SCHEMA** based on JSON-LD - <b>[Google Analytics](https://analytics.google.com/analytics)</b> supported - <b>[Fathom Analytics](https://usefathom.com/)</b> supported - <b>[Plausible Analytics](https://plausible.io/)</b> supported - <b>[Yandex Metrica](https://metrica.yandex.com/)</b> supported - Search engine **verification** supported (Google, Bind, Yandex and Baidu) - **CDN** for third-party libraries supported - Automatically converted images with **Lazy Load** by Native Lazy Loading ### Appearance and Layout - **Desktop/Mobile Responsive** layout - **Light/Dark** mode - **Pagination** supported - Easy-to-use and self-expanding **table of contents** - Tailwind CSS ## Documentation ## Setup > **Note** > You must have the [Hugo extended version](https://gohugo.io/installation/linux/#editions) installed in order to use this theme. This theme uses SCSS for styling. With the Hugo extended version, SCSS can be compiled to CSS without any additional tools. To create a new Hugo site with this theme, run the following command: ``` hugo new site myblog ``` Then, clone this repository into the `themes` directory of your new site: ``` cd myblog git clone https://github.com/NgeBlog.git themes/NgeBlog ``` To preview the theme with example content, run the following command from the `exampleSite` directory: ``` hugo server --themesDir ../.. ``` ## Usage To use this theme, set the `theme` variable in your site's `config.toml` to `NgeBlog`: ``` theme = "NgeBlog" ``` ## Questions, ideas, bugs, pull requests All feedback is welcome! Head over to the [issue tracker](https://github.com/NgeBlog/issues). ## License LoveIt is licensed under the **MIT** license. Check the [LICENSE file](https://github.com/NgeBlog/blob/master/LICENSE) for details. ## Special Thanks Thanks to the authors of following resources included in the theme: - [Tailwind CSS](https://tailwindcss.com/) - [Font Awesome](https://fontawesome.com/) - [Alpine.js](https://alpinejs.dev/) ## Author [Galatia Sijabat](https://rebelsec.id) Thanks! ❤️ [](https://starchart.cc/rebelsec/NgeBlog)
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

hugo-PaperMod
PaperMod 是 Hugo 生态里知名度较高的主题之一,定位很明确:给博客和轻量作品集站点提供一套干净、响应式的阅读界面。
Hugo · 作品集

LoveIt
❤️A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题
Hugo · 博客

hugo-coder
A minimalist blog theme for hugo.
Hugo · 博客

blowfish
Personal Website & Blog Theme for Hugo
Hugo · 博客

hugo-paper
🪺 A simple, clean, customizable Hugo theme
Hugo · 博客

hextra
Hextra 是一个 Hugo 主题,定位在文档站与博客之间:既提供侧边栏导航、目录、面包屑、分页这类文档站结构,也能承载博客内容。
Hugo · 文档
