Hugo博客

hugo_eiio — Hugo 博客模板

作者 leonhe

hugo_eiio 是一个基于 Hugo 的静态博客主题，提供响应式布局、代码高亮、Emoji、Disqus 评论和文章缩略图等基础博客功能，采用 MIT 许可。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

基于 Hugo 的静态博客主题，采用 MIT 许可发布

响应式布局，同时适配桌面端与移动端

支持代码语法高亮，可通过 hljsStyle 参数切换 highlight.js 样式

支持 Emoji 与 Disqus 评论

支持为首页文章列表和正文内容分别设置缩略图

配置项覆盖分页、taxonomies、作者社交链接、Google Analytics 与站点地图

模板详细介绍

hugo_eiio 是开发者 leonhe 发布的 Hugo 静态博客主题，仓库以 MIT 许可开放。主题面向常规个人博客场景，提供文章列表与内页展示，支持在首页列表和正文中分别设置缩略图。README 列出的功能包括响应式布局、代码语法高亮、Emoji、Disqus 评论以及文章缩略图，并给出了一份 TOML 配置示例，涵盖站点基础信息、分页、taxonomies、highlight.js 样式、作者社交链接、Google Analytics 与站点地图等参数。主题通过 git clone 放入 Hugo 站点的 themes 目录后，在配置中指定 theme = "hugo_eiio" 即可使用。演示站点为 heyuanfei.com，仓库同时提供了桌面端、手机端与内页的实际截图。

Hugo博客

适合你的项目吗？

适用场景

使用 Hugo 搭建个人博客并需要文章列表与内页展示
希望在首页列表和正文中分别使用不同缩略图的博客
需要代码高亮、Emoji 和 Disqus 评论的写作型站点
需要配置分类、标签等 taxonomies 并按分页浏览文章

适合人群

使用 Hugo 构建静态站点的个人博主
偏好 MIT 许可、可自由修改主题代码的开发者
需要响应式博客主题并接受 TOML 配置方式的用户

上手与定制指南

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

1
在 Hugo 站点目录下进入 themes 文件夹，执行 git clone https://github.com/leonhe/hugo_eiio
2
在站点配置中设置 theme = "hugo_eiio"，并按 README 示例填写 baseurl、title、languageCode 等参数
3
首页列表缩略图通过在文章 front matter 中设置 header_images 指定
4
正文内缩略图使用 {{< figure class="floatright|floatleft" src="图片路径" alt="" >}} 短代码
5
Disqus、Google Analytics 等外部服务需要自行提供对应标识，并按其各自条款使用

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

使用 Disqus 评论需自行提供 Disqus shortname，评论数据托管于 Disqus 并受其服务条款约束。
启用 Google Analytics 需自行提供跟踪代码，数据统计由 Google 服务处理并受其条款约束。
站点验证需自行申请并填入 Google 提供的验证密钥。
代码高亮样式依赖 highlight.js 的 CSS 样式表，需自行引入或确认其许可。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

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

disqusShortname = "user id"
README 原文

googleAnalytics='google analytics code'
README 原文

googleSiteVerification = "google site verification key"
README 原文

hljsStyle="github" #code highlightjs css style
README 原文

https://github.com/leonhe/hugo_eiio/blob/master/LICENSE https://github.com/leonhe/hugo_eiio/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 79 / 100
技术栈: Hugo
网站类型: 博客

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2026-08-06
截图检查日期: 2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: c364589e5a752445b4d7fdbf6c9e34e10da4e0b3de79674eaff0421aaad70c7c

2026-10-02T10:15:48.757Z

来源文件 / 仓库

# Hugo blog theme 

This is a [hugo](https://gohugo.io/) static blog engine theme, if you like 😍 💗 this theme,please give me star🌟🌟  ~_~

## Features
- ✏️ Blog ️
- 🎩 Modern、Responsive
- 🅾️ Syntax highlight
- Emoji 😄 ,Disqus 🌐
- 🏙 🎇 🌆 Post thumbnail images

[See Demo](https://heyuanfei.com)

<!-- # Screenshot
 !-- ![screenshot](https://raw.githubusercontent.com/leonhe/hugo_eiio/master/images/screenshot.png) -->

# Installation
Inside the folder of your Hugo site run:

```
cd themes
git clone https://github.com/leonhe/hugo_eiio

```

# Config
Modify your configuration:
```
baseurl = "site url"
title = "Site Name"
languageCode = "site language code"
copyright = "Copyright right infomation."
themesdir = "themes"
theme = "hugo_eiio"
Paginate=15 
MetaDataFormat = "toml"
PaginatePath="page"
pygmentsuseclasses = true
disqusShortname = "user id"
googleAnalytics='google analytics code'

hasCJKLanguage = true
preserveTaxonomyNames = false
disablePathToLower =false 
enableEmoji = true
enableInlineShortcodes = true
enableRobotsTXT = true

[taxonomies]
  category = "categories"
  tag = "tags"
  summaryLength = 250 # default 70
[params]
  hljsStyle="github" #code highlightjs css style . See [Style List](https://github.com/highlightjs/highlight.js/tree/master/src/styles "CSS Style list")

  showNextAndPrePost = false #Is Show Next and Previous Post Button
  description = "site description"
  keywords = "site keywords use seo"
  googleSiteVerification = "google site verification key"
  author = "your name"
  github ="github username"
  email="your email"
  twitter="your twitter name" 
  securityPolicy = false #disable https content security policy
  footerRight="Your tips content" #footer right content
  mainSections = ['page']
[sitemap]
  changefreq = "monthly"
  priority = 0.5
  filename = "sitemap.xml"

```
# Use post's thumbnail 


## Home thumbnail of post:

if you need in home page list display thumbnail of post,write head of post keywords,see below code👇:

```

+++
title = "Post Title"
categories = ["Categories"]
tags = ["tags"]
date = "write datetime"
draft = false
header_images="post home list thumbnail"
+++
..............
```

## Content thumbnail of post:

if you need in post content to display different thumbnail,see below code 👇

```
{{< figure  class="floatright|floatleft" src="your image path" alt="" >}}
```

# License
This theme is released under the [MIT License](https://github.com/leonhe/hugo_eiio/blob/master/LICENSE).

反馈内容错误