Hugo启动器

tella — Hugo 启动器模板

作者 opera7133

Tella 是一个面向企业官网的 Hugo 主题，提供响应式布局、轮播、分页与分类等基础页面能力。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

面向企业官网的 Hugo 主题，仓库描述为 A Hugo theme for Companies

02

响应式布局，适配桌面端与手机端浏览

03

内置基于 Splide.js 的轮播组件

04

支持分页与文章分类

05

可接入 Google Analytics，并支持 Disqus 或 Giscus 评论

06

集成 FontAwesome 与 Bootstrap Icons 图标

模板详细介绍

Tella 是发布在 Hugo Themes 上的 Hugo 主题，定位为企业站点使用。仓库说明中列出的功能包括响应式布局、基于 Splide.js 的轮播、Google Analytics、分页、分类支持，以及 Disqus / Giscus 评论和 FontAwesome、Bootstrap Icons 图标集。

安装方式有两种：直接 git clone 到 Hugo 站点的 themes/tella 目录，或通过 git submodule 添加，之后分别用 git pull 或 git submodule update --remote --merge 更新。主题的构建依赖 Node.js，需要把 exampleSite 中的 package.json 复制到站点根目录后执行 npm install。

使用前需将 exampleSite 中的 config.toml 复制到 Hugo 站点根目录并按需修改，随后用 hugo server 在本地预览（默认 localhost:1313），用 hugo 生成静态站点。仓库未在 README 中说明具体 Hugo 版本要求，也未给出生产部署、SEO 或性能方面的承诺。

许可方面，仓库 LICENSE 为 MIT，允许免费使用、修改、商用和分发该版本代码，分发时需保留版权声明与许可声明；演示图片、字体、图标等第三方素材的授权需单独核对。

Hugo启动器

适合你的项目吗？

适用场景

  • 用 Hugo 搭建企业介绍型官网
  • 需要轮播展示与分类内容的企业站点
  • 希望使用 Hugo 并接入评论系统的项目
  • 以 MIT 许可代码为基础做二次修改的站点

适合人群

  • 使用 Hugo 建站的开发者
  • 需要企业官网主题的前端或全栈人员
  • 接受通过 npm 安装前端依赖的用户
  • 需要 MIT 许可代码以便修改和分发的项目

上手与定制指南

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

  1. 1

    在 Hugo 站点目录内执行 git clone https://github.com/opera7133/tella themes/tella，或用 git submodule add 添加为主题子模块

  2. 2

    安装前需准备 Node.js，并将 themes/tella/exampleSite 中的 package.json 复制到站点根目录后运行 npm install

  3. 3

    把 exampleSite 中的 config.toml 复制到站点根目录，按需修改配置项

  4. 4

    运行 hugo server 在 localhost:1313 本地预览，运行 hugo 生成静态站点

  5. 5

    更新主题：clone 方式在 themes/tella 内执行 git pull，子模块方式执行 git submodule update --remote --merge

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 使用该主题前必须自行安装 Node.js 运行环境，并执行 npm install 安装前端依赖，属于额外的外部工具与依赖要求。
  • 需将 exampleSite 中的 package.json 复制到站点根目录后才能安装依赖，构建流程依赖该示例配置。
  • 使用前必须把 exampleSite 中的 config.toml 复制到 Hugo 站点根目录并按需修改，否则无法正常配置站点。
  • Google Analytics 为可选外部服务，启用后需自行提供账号与跟踪标识，并遵守该服务的条款与费用政策。
  • 评论功能依赖 Disqus 或 Giscus 等第三方外部服务，需自行注册配置，可能涉及外部账号与数据处理。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

You need [Node.js](https://nodejs.org/) before installation.

README 原文

Copy `package.json` from `themes/tella/exampleSite` to the root folder of your site.

README 原文

Copy the config.toml in the exampleSite to the root of your Hugo site.

README 原文

Google Analytics

README 原文

Disqus / Giscus

README 原文
https://github.com/opera7133/tella/blob/master/LICENSEhttps://github.com/opera7133/tella/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2026-05-13
截图检查日期
2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: ea8260daf26850344a8b5c3290e2ea20edb1f0260c10f5ac61eef2e6750c0dfa

2026-10-02T20:20:02.865Z

来源文件 / 仓库
# Tella

![](https://raw.githubusercontent.com/opera7133/tella/master/images/screenshot.png)

Tella, A Hugo theme for Companies.

The demo can be seen here: https://tella.pages.dev

## Features

- Responsive
- Carousel (with Splide.js)
- Google Analytics
- Pagination
- Support categories
- Disqus / Giscus
- FontAwesome, Bootstrap Icons

## Installation

### Method 1

Inside the folder of your Hugo site run:

```bash
git clone https://github.com/opera7133/tella themes/tella
```

Updating theme:

```bash
cd themes/tella
git pull
```

### Method 2

Inside the folder of your Hugo site run:

```bash
git submodule add https://github.com/opera7133/tella.git themes/tella
```

Updating theme:

```bash
git submodule update --remote --merge
```

### Install dependencies

You need [Node.js](https://nodejs.org/) before installation.

Copy `package.json` from `themes/tella/exampleSite` to the root folder of your site.

After that, run this command.

```bash
npm install
```

## Getting started

After installing the theme successfully it requires a just a few more steps to get your site running.

### Update config file

Copy the config.toml in the exampleSite to the root of your Hugo site. Change strings as you like.

### Check your site

In order to see your site in action, run Hugo's built-in local server.

```bash
hugo server
```

Now enter `localhost:1313` in the address bar of your browser.

### Build your site

```bash
hugo
```

## Contributing

If you find a bug or have an idea for a feature, feel free to write an [issue](https://github.com/opera7133/tella/issues) or make a PR.

## License

This theme is released under the [MIT license](https://github.com/opera7133/tella/blob/master/LICENSE).
反馈内容错误

看看同类模板

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

hugo-xmin

hugo-xmin

eXtremely Minimal Hugo theme: about 140 lines of code in total, including HTML and CSS (with no dependencies)

Hugo · 启动器

hugo-theme-gallery

hugo-theme-gallery

Gallery Theme for Hugo

Hugo · 启动器

reveal-hugo

reveal-hugo

📽️ Create rich HTML-based presentations with Hugo and Reveal.js

Hugo · 启动器

anatole

anatole

Anatole is a minimalistic two-column theme for Hugo.

Hugo · 启动器

hugo-theme-diary

hugo-theme-diary

Moments piled up. A Hugo theme ported from SumiMakito/hexo-theme-Journal.

Hugo · 启动器

risotto

risotto

A minimalist, responsive hugo theme inspired by terminal ricing aesthetics.

Hugo · 启动器