Hugo博客

arberia — Hugo 博客模板

作者 antedoro

Arberia 是面向技术博客作者的 Hugo 主题,提供多种单篇文章与列表布局,内置搜索、目录、评论与多语言支持。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

单篇文章提供带侧边栏、无侧边栏、带封面图和视频文章等多种视图

02

列表页支持普通列表与网格两种布局,并包含落地页

03

内置基于 Flexsearch.js 的搜索,支持 Google Analytics 与 Disqus 评论

04

提供文章目录、分类与标签列表页、社交分享按钮和多语言支持

05

使用 Hugo 自带资源管线完成打包、指纹与压缩,编辑主题无需 webpack 或 Node.js

模板详细介绍

Arberia 是一个 Hugo 主题,定位为技术博客使用。它提供多种文章呈现方式:单篇文章支持带侧边栏、不带侧边栏、带封面图以及视频文章等视图,列表页支持普通列表与网格两种形式,并包含一个落地页。主题还提供分类与标签列表页、文章目录、社交分享按钮和多语言支持。

功能层面,搜索由 Flexsearch.js 实现,评论使用 Disqus,统计接入 Google Analytics。主题使用 Hugo 自带的资源管线完成打包、指纹与压缩,README 说明编辑主题不需要 webpack、Node.js 等额外依赖。仓库附带 exampleSite 示例站点,可作为配置参考。

使用上有几点需要注意:README 提示从旧版本升级时配置文件结构发生变化,菜单与页脚链接现在位于项目根目录的 config/ 目录内,部分参数也已调整。安装方式为下载 ZIP 解压到 themes 目录,或通过 git submodule 添加;之后需复制 exampleSite 内容与 archetypes 到站点根目录,并在 config/_default/hugo.toml 中把 theme 设为 arberia。文章类型通过 front matter 中的 type 字段指定。

许可方面,该版本代码采用 MIT 许可,允许免费使用、修改、商用与分发,分发时需保留版权与许可声明;演示图片、字体、图标等第三方素材需单独核对其许可,域名、托管等外部服务可能另行收费。

Hugo博客

适合你的项目吗?

适用场景

  • 搭建以文章为主的技术博客,需要多种文章排版样式
  • 希望站点具备站内搜索、目录和评论功能的个人博客
  • 需要分类与标签归档页,并面向多语言读者的内容站点

适合人群

  • 熟悉 Hugo 并希望直接使用现成主题的博客作者
  • 需要按文章类型切换不同布局的技术内容站点
  • 接受使用 Disqus 评论与 Google Analytics 统计的站点

上手与定制指南

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

  1. 1

    安装前需先安装 Hugo 并创建新站点,可通过下载 ZIP 解压到 themes 目录,或用 git submodule 添加

  2. 2

    复制 themes/arberia/exampleSite 内容与 archetypes 到站点根目录,并在 config/_default/hugo.toml 中设置 theme = "arberia"

  3. 3

    从旧版本升级时注意配置结构已变化:菜单与页脚链接现位于项目根目录的 config/ 目录,部分参数也已调整

  4. 4

    文章布局通过 front matter 的 type 字段指定,可参考 README 中的 front matter 示例

  5. 5

    演示图片、字体、图标等第三方素材需单独核对许可,不能仅依据代码的 MIT 许可判断

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 站内搜索功能依赖第三方 Flexsearch.js 库,使用该功能需引入此外部依赖。
  • 启用访问统计需使用 Google Analytics 外部服务,可能需要注册 Google 账号并遵守其服务条款。
  • 评论功能依赖 Disqus 外部服务,需注册 Disqus 账号并配置站点,评论数据由第三方托管。
  • 从旧版本升级时配置文件结构已变更,菜单与页脚链接移至根目录 config/,部分参数调整,需按 exampleSite 重新配置。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

**Search** supported by [Flexsearch.js](https://github.com/nextapps-de/flexsearch)

README 原文

**[Google Analytics](https://analytics.google.com/analytics)** supported

README 原文

**[Disqus](https://disqus.com)** comment system

README 原文

If you are upgrading from a previous version (e.g., 1.0.0) of the theme, please note that the configuration file structure has changed.

README 原文
https://github.com/antedoro/arberia/blob/main/LICENSEhttps://github.com/antedoro/arberia/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: a5b36836f404962726eec4663d3830bfe2f375dc6e46586c40e5ee3d4978748f

2026-10-03T19:41:26.589Z

来源文件 / 仓库
# Arberia Theme for Hugo

**Arberia Theme** is a theme for the Hugo for tech blogger with 4 single post layout and 2 list layout!

![Arberia Theme Screenshot](https://github.com/antedoro/arberia/blob/main/images/screenshot.png)


The goal of this project is to add more features and customization to the base theme.

## Live demo

See [https://arberiatheme.netlify.app/](https://arberiatheme.netlify.app/)

## Features

- **Responsive layout**
- **3 Single post view:**
  - Post view with sidebar
  - Post view without sidebar
  - Post view with cover image
  - Video post view
- **2 List post view:**
  - List posts
  - Grid posts
- **Landing page**
- **Icon colored submenu**
- List Cathegory/Tag view
- Table of Contents
- **Search** supported by [Flexsearch.js](https://github.com/nextapps-de/flexsearch)
- **[Google Analytics](https://analytics.google.com/analytics)** supported
- **[Disqus](https://disqus.com)** comment system
- Social-Media Share buttons on posts
- Multilingual support
- Uses Hugo's asset generator with pipelining, fingerprinting, bundling and minification by default (No webpack, nodejs and other dependencies are required to edit the theme.

## Installation/updating

**Important Notice for Theme Updates:**
> If you are upgrading from a previous version (e.g., 1.0.0) of the theme, please note that the configuration file structure has changed. The menu and footer links are now correctly placed inside the config/ directory at the root of your project. Additionally, some parameters have been updated.
> Refer to the exampleSite folder inside the theme directory for guidance and inspiration.

*Before starting, please be sure that you have
[installed Hugo](https://gohugo.io/getting-started/quick-start/#step-1-install-hugo) and
[created a new site](https://gohugo.io/getting-started/quick-start/#step-2-create-a-new-site). After that, you are ready to install **Arberia**.*

There are two mode:

a) Simple mode: **Download as Zip** from Github Page **and extract in your themes directory** or

b) Or you can add it as a git submodule via the following command:

    git init
    cd themes
    git submodule add https://github.com/antedoro/arberia.git arberia
    
Next, copy the contents from themes/arberia/exampleSite to the site's root folder.
Copy the archetypes folder from themes/arberia/ to the site's root folder.

Open `config/_default/hugo.toml` folder and ensure the theme option is set to `arberia`:

```
theme = "arberia"
```

Now you can start hugo server and view the site:

```shell
hugo server -D
```

open browser and follow this link: [http://localhost:1313](http://localhost:1313)

**NOTE**
**To update theme installed:**

Run the following command from the root of your project:
```
    git submodule update --remote --merge
```

## Configuration

### Hugo.toml example

```toml
title = "Arberia Theme"
baseURL = "https://exampleSite.com/"
relativeURLs = "True"
languageName = "En"
languageCode = "en-us"
theme = "arberia"
```

### Front Matter example

```yaml
---
weight: 1
title: Insert title here
subtitle: Subtitle
date: 2020-10-15T20:58:53+02:00
lastmod: 2020-10-15T20:58:53+02:00
draft: false
type: standard-view

author: athor name
authorLink: ""
description: ""

tags:
  - tag1
  - tag2
categories:
  - cathegory1

hiddenFromHomePage: false
hiddenFromSearch: false

resources:
  - name: featured-image
    src: featured-image.webp

featured: true
sidebar: true
toc: true

license: ""
slug: slug here if necessary
---
```

For more information about all available standard front matter variables, please read [Hugo Front Matter](https://gohugo.io/content-management/front-matter).

## Contributing

Have you found a bug or got an idea for a new feature? Feel free to use the [issue tracker](https://github.com/antedoro/arberia/issues) to let me know. Or make directly a [pull request](https://github.com/antedoro/arberia//pulls).

## License

This theme is released under the [MIT license](https://github.com/antedoro/arberia/blob/master/LICENSE).

## Release Changelog

See CHANGELOG.md for detailed changes. Highlights for 1.2.2:

- Taxonomy templates consolidated under layouts/_default/ per Hugo > 0.145 lookup
- Correct filtering for tag/category term pages (case-insensitive) and pagination only over posts
- New taxonomy summary partial for cleaner tag/category listings
- listview now switches to taxonomy-aware rendering when in taxonomy context

For release tags and packaged notes, see **[Releases](https://github.com/antedoro/arberia/releases)**

## Special Thanks

- [**flexsearch.js**](https://github.com/nextapps-de/flexsearch)
- [**mark.js**](https://github.com/julmot/mark.js)
- **All Contributors and Supporters**
反馈内容错误

看看同类模板

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