Hugo启动器

slick — Hugo 启动器模板

作者 spookey

Slick 是一个面向 Hugo 的极简响应式主题,强调内容优先、加载速度与隐私,所有字体、CSS、JS 均内置于主题,不发起外部请求。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

内置 tags、categories、series 分类法及各自页面,内容列表支持分页

02

输出包含完整条目的 RSS Feed,并提供 Open Graph、Schema.org、Twitter Cards 元数据

03

页头菜单与页脚链接可完全自定义,页脚含 RSS 入口

04

不发起任何外部请求,字体、CSS、JS 等资源全部随主题提供

05

支持 CSS 深色模式,语法高亮使用 chroma,可替换 favicon 并注入自定义 CSS

06

提供可自定义文案的 404 页面

模板详细介绍

Slick 是 spookey 维护的 Hugo 主题,定位为内容优先、干净、响应式并注重隐私。它是 Temple 的分支,而 Temple 又源自 Nofancy,在两者基础上做了多项改进。主题通过 Hugo 的 config 文件进行配置,仓库的 _sites 子目录提供了可运行的示例配置,README 建议对 main 与 footer 菜单做调整,例如加入指向 About 页面的链接。

功能方面,Slick 支持 tags、categories、series 三类分类法并各自拥有页面,内容列表分页,输出包含完整条目的 RSS Feed,并提供 Open Graph、Schema.org 与 Twitter Cards 元数据。页头菜单与页脚链接均可自定义,页脚还包含 RSS 入口。favicon 可替换,png 文件会使用正确的 MIME 类型,同时允许注入自定义 CSS 文件。主题内置 CSS 深色模式,语法高亮依赖 chroma,并提供可自定义文案的 404 页面。隐私方面,主题不发起任何外部请求,所需字体、CSS、JS 等资源都随主题提供。

开发与构建上,主题使用 rollup.js 与 postCSS 打包文件,JavaScript 由 TypeScript 编译,组件通过 npm 引入。README 提示 static 目录中的文件仅在打标签的提交(发布)时更新。使用方式为将主题克隆到 themes/ 目录,并在 config 中设置 theme = "slick",或在构建时通过 hugo -t slick 指定;404 页面需要按 Hugo 的说明另行配置。主题采用 MIT 许可,可免费使用、修改、商用与分发,但演示图片、字体、图标等第三方素材需单独核对其许可,域名、托管等外部服务也可能产生费用。

Hugo启动器

适合你的项目吗?

适用场景

  • 搭建以文章内容为主、需要分类与标签组织的 Hugo 博客
  • 希望页面不向第三方发起请求、减少外部资源依赖的站点
  • 需要 RSS、Open Graph 等社交与订阅元数据的个人站点
  • 使用 Hugo 并希望通过 config 文件集中管理菜单与页脚链接的项目

适合人群

  • 使用 Hugo 构建静态站点的开发者
  • 重视访客隐私、不希望引入外部字体或脚本的站点
  • 需要标签、分类、系列等分类法支持的博客作者
  • 偏好极简、响应式布局并需要深色模式的内容站点

上手与定制指南

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

  1. 1

    将主题克隆或下载到项目的 themes/ 目录,例如 cd themes && git clone https://github.com/spookey/slick.git

  2. 2

    在 config 中设置 theme = "slick",或在构建时使用 hugo -t slick 指定主题

  3. 3

    参考仓库 _sites 子目录中的示例配置,建议调整 main 与 footer 菜单,例如加入 About 页面链接

  4. 4

    404 页面需按 Hugo 官方文档中关于自动加载的说明进行配置

  5. 5

    主题的 static 目录文件仅在打标签的提交(发布)时更新,开发构建需按 package.json 中的命令执行

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • static 目录中的文件仅在打标签的提交(发布)时更新,因此直接使用仓库主分支时,static 下的资源可能不是最新版本,需以正式发布版本为准。
  • 404 页面不会自动生效,需按 Hugo 官方文档中关于自动加载的说明进行额外配置后才能使用。
  • 若需自行构建或修改主题,必须按 package.json 中的命令安装并使用 rollup.js、postCSS、TypeScript、npm 等构建工具链。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Files inside the [static] folder are only updated on tagged commits (releases).

README 原文

To setup the 404 page please read the [instructions](https://gohugo.io/templates/404/#automatic-loading).

README 原文

Please have a look inside [package.json] for commands and tools required for building.

README 原文
https://github.com/spookey/slick/blob/main/LICENSEhttps://github.com/spookey/slick/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-09-12
截图检查日期
2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: a2fbfd4c06d40ea80bff8c3f06adb9ab791715820e50fc066bf13c7c54741188

2026-10-03T01:13:27.491Z

来源文件 / 仓库
# Slick

A Hugo theme focused on content, cleanliness, speed, responsiveness and privacy.

> Slick is a fork of [Temple](https://github.com/aos/temple) with many
  improvements.

…

> Temple is a fork of [Nofancy](https://github.com/gizak/nofancy) with many
  improvements.

## Table of Contents

* [Features](#features)
* [Installation](#installation)
* [Customizing](#customizing)
* [Components](#components)
* [Development](#development)
* [Contributing](#contributing)
* [License](#license)
* [Images](#images)

## Features

The main features of this theme include:

* Supports taxonomies of tags, categories and series with their own pages
* Pagination of content lists
* RSS Feed with complete entries
* [Open Graph](http://ogp.me),
  [Schema.org](https://schema.org) and
  [Twitter Cards](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/abouts-cards.html)
  support
* Fully customizable menu entries in the header
* Footer with fully customizable links and RSS
* Customizable favicon (with correct mime type for png files)
  and ability to inject own css file
* Dark mode for CSS
* Relies on chroma for syntax highlighting
* Not even one external request (privacy!) - Everything needed is part of this
  theme (Fonts, CSS, JS, ...)
* 404 page with customizable text

## Installation

Just download the theme or clone it into
your ``themes/`` directory:

```sh
cd themes && git clone https://github.com/spookey/slick.git
```

Then reference it in your ``config``:

```toml
theme = "slick"
```

Or when building the site, pass it in to the CLI:

```sh
hugo -t slick
```

To setup the 404 page please read the
[instructions](https://gohugo.io/templates/404/#automatic-loading).

## Customizing

Your ``config`` file will hold all your options.

Please have a look into the subfolders of ``_sites`` for working examples.
It is highly recommended to make some adjustments to the ``main``
and the ``footer`` menu (e.g. to link to your **About** page).

## Components

* [PureCSS](https://purecss.io/)
* [Source Code Pro](https://fonts.adobe.com/fonts/source-code-pro)
* [Source Sans Pro](https://fonts.adobe.com/fonts/source-sans-pro)
* [Source Serif Pro](https://fonts.adobe.com/fonts/source-serif-pro)
* [Tomorrow Theme](https://github.com/chriskempson/tomorrow-theme)
  as color scheme (Tomorrow Night for syntax highlighting)

**Please Note**:
Files inside the [static] folder are only updated on tagged commits (releases).

## Development

This theme uses
[rollup.js](https://rollupjs.org) and [postCSS](https://postcss.org)
to bundle all files together.
JavaScript is compiled from [TypeScript](http://www.typescriptlang.org).
[Components](#components) are drawn in by [npm](https://www.npmjs.com).

Please have a look inside [package.json] for commands and tools required
for building.

Use ``npm version`` to tag a commit.

## Contributing

Contributions are welcome.

### Features/Enhancements

If you are adding a feature, fork the repository, create a new branch
for your feature and submit a PR.
Please make sure to put documentation for your new feature:

* Place a comment about what your feature is doing above the code.
* If making additions that will affect the ``config`` file, make sure
  you update the [config.toml] and [config.yaml] below the ``_sites`` folder
  as well as the [CHANGELOG.md].

### Issues/Bugs

Submit a new issue with information about your issue and/or bug. If you
have a solution, then submit a new PR with the guidelines posted above in the
**features** section and link your issue to it using the keyword
"[*closes*](https://help.github.com/articles/closing-issues-using-keywords/)".

## License

Licensed under the MIT License. See the [LICENSE].

## Images

### Screenshot

![Screenshot](https://github.com/spookey/slick/raw/main/images/screenshot.png)

### Thumbnail

![Thumbnail](https://github.com/spookey/slick/raw/main/images/tn.png)

[CHANGELOG.md]:     https://github.com/spookey/slick/blob/main/CHANGELOG.md
[config.toml]:      https://github.com/spookey/slick/blob/main/_sites/example/config.toml
[config.yaml]:      https://github.com/spookey/slick/blob/main/_sites/changelog/config.yaml
[LICENSE]:          https://github.com/spookey/slick/blob/main/LICENSE
[package.json]:     https://github.com/spookey/slick/blob/main/package.json
[static]:           https://github.com/spookey/slick/blob/main/static
反馈内容错误

看看同类模板

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