Hugo博客

nofancy — Hugo 博客模板

作者 gizak

nofancy 是一个以“少设计、重内容”为取向的 Hugo 博客主题,强调干净排版、高可读性与移动端适配,并提供分类、标签、系列、语法高亮和社交链接等基础博客功能。

看看你的网站会是什么样

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

1 个预览视图
作者提供的预览
作者提供的预览

来自项目 README 的原始预览。

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

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

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

值得关注的模板亮点

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

01

以“少设计、重内容”为取向的 Hugo 博客主题,强调干净排版与高可读性

02

支持按分类、标签和系列组织内容,并提供 Google Analytics 与社交链接配置

03

代码片段使用 GitHub 风格 Markdown 编写,运行 hugo 后自动语法高亮,高亮样式可选

04

提供列表页、内容页和移动端三种界面,移动端适配是设计目标之一

05

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

模板详细介绍

nofancy 是 gizak 开发的 Hugo 博客主题,仓库描述为“A Hugo blog theme”。它的设计取向是做减法:不追求扁平化或 Material 等设计概念,而是让页面尽量不分散读者注意力,把重点放在博客内容本身。主题主张干净、高可读性和移动端友好,README 中提供了列表页、内容页和移动端三张截图。

功能层面,主题支持按分类、标签和系列对内容排序,支持 Google Analytics,以及 GitHub、Twitter、LinkedIn、Facebook 等社交链接和邮件链接。代码片段使用 GitHub 风格 Markdown 编写,运行 hugo 后会自动高亮,高亮样式可在主题的 static/highlight/styles 中选择。

使用上有几处明确限制:只有 content/post 目录下的文章会被展示;作者信息集中在 config.toml 的 author 段配置;顶部导航菜单由 topmenu 参数控制,可选值为 none 或 categories,分类过多时可设为 none;关于页面通过 hugo new about 创建,并在顶部导航栏有固定入口。仓库最近更新时间为 2018 年,README 中的 Hugo 链接指向旧域名 hugo.spf13.com。主题采用 MIT 许可,可免费使用、修改、商用和分发,但演示图片、字体、图标等第三方素材需按各自许可单独核对。

Hugo博客

适合你的项目吗?

适用场景

  • 用 Hugo 搭建以文字阅读为主的个人博客
  • 需要按分类、标签或系列整理文章的技术写作站点
  • 希望代码片段自动高亮并保持页面简洁的开发者博客
  • 需要移动端可读性较好、导航和关于页面固定的轻量博客

适合人群

  • 使用 Hugo 并偏好极简阅读体验的个人博主
  • 以文章内容为核心、不需要复杂视觉设计的写作者
  • 需要分类、标签、系列与语法高亮等基础博客功能的开发者
  • 接受手动配置 config.toml 中作者信息与顶部菜单的用户

上手与定制指南

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

  1. 1

    主题只展示 content/post 目录下的文章,其他目录内容不会出现在列表中

  2. 2

    作者信息、社交账号和 Google Analytics ID 在 config.toml 的 author 段填写

  3. 3

    topmenu 参数控制顶部导航菜单,可选 none 或 categories,分类过多时可设为 none

  4. 4

    关于页面使用 hugo new about 创建,顶部导航栏有固定入口

  5. 5

    仓库最后更新于 2018 年,README 中的 Hugo 链接指向旧域名,使用前建议核对当前 Hugo 版本的兼容性

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 主题仅展示 content/post 目录下的文章,其他目录的内容不会出现在文章列表中。
  • 顶部导航菜单由 topmenu 参数控制,可选值为 none 或 categories;分类过多时可设为 none。
  • 顶部导航栏有固定的 About 页面入口,需通过 hugo new about 创建对应页面。
  • 启用 Google Analytics 需在 config.toml 的 author 段填写自己的 Google Analytics 跟踪 ID。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Note that only posts in content/post will be displayed

README 原文

topmenu="categories"

README 原文

There is a fixed About page link on the top navbar

README 原文

gaID = "YOUR Google Analytics Tracking ID"

README 原文
https://github.com/gizak/nofancy/blob/master/LICENSEhttps://github.com/gizak/nofancy/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2018-03-25
截图检查日期
2026-10-01

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: d11cc34cab48fc55d57d5046f0442b7cd2e7f5739af49149c37b6ddf45cafe13

2026-10-01T13:31:12.420Z

来源文件 / 仓库
## Nofancy

Yet another [Hugo](http://hugo.spf13.com) blog theme made by love. It tries to use less design to provide full functionalities.


### Snapshots

List view:

<img src="https://raw.githubusercontent.com/gizak/nofancy/master/images/list.png" width="800">

Content view:

<img src="https://raw.githubusercontent.com/gizak/nofancy/master/images/content.png" width="800">

Mobile devices

<img src="https://raw.githubusercontent.com/gizak/nofancy/master/images/mobile.png" width="400">

### Basic ideas

Are you tired of all that emerging design concepts like flat or material? Are you sick of getting distracted when pages filled up with those fancy nonsense? Here I brought up a new distraction-free theme: nofancy.

Some ideas behind this:

1. Do subtraction instead of addition.

2. The blog's content matters (SNS things then after).

3. Clean, high readability and mobile-friendly.

4. Full stack support (sorting contents by categories, tags, series; Google Analytics; SNS & email links...)

### Syntax highlight
Use [GitHub flavoured markdown](https://help.github.com/articles/github-flavored-markdown/#syntax-highlighting) to write your code snippets in posts, it will auto highlighted after running `hugo`.

### Config

Note that only posts in content/post will be displayed and the author setting in `config.toml` is slightly different:

```toml
baseurl = "http://hugo.spf13.com/"
title = "Hugo Themes"
#if not set copyright, default copyright template will be applied
copyright = "Copyright (c) 2008 - 2014, Steve Francia; all rights reserved."

[params]
	# See themes/nofancy/static/highlight/styles for available options
	# i.e. "default", "github", "monokai".
	highlight="Assign a syntax highlight style"
	
	# Controls what items are listed in the top nav menu
	# "none", or "categories"
	# If you have too many categories to fit in the top nav menu, set this to "none"
	topmenu="categories"
	
[author]
    name = "Steve Francia"
    github = "spf13"
    linkedin = "YOUR LINKEDIN ID"
    facebook = "YOUR FB ID"
    gaID = "YOUR Google Analytics Tracking ID"
    twitter = "YOUR TWITTER ID"
```

All your personal information is in `author` section. it also support SNS links including github, twitter, linkedin, facebook (just fill in your user id).

There is a fixed About page link on the top navbar which will bring user to your aboutme page. Just use `hugo new about` to write something about yourself!

__You are ready to go!__
反馈内容错误

看看同类模板

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