tyger-minimal-blog — Hugo 博客模板

SHA-256: 4a21c349d0de8b45bc275a88026dbff89615f40f2c186f3ee04039fadb5956c5

2026-10-11T18:12:09.599Z

# Tyger Minimal Blog

Tyger Minimal Blog is a minimal, responsive, CSS-only [Hugo](//gohugo.io/) theme that uses [Boostrap 4](//getbootstrap.com/).

[Demo](https://tyger-technology.github.io/tyger-minimal-blog)

![Tyger Minimal Blog theme screenshot](https://raw.githubusercontent.com/tyger-technology/tyger-minimal-blog/master/images/tn.png)

## Installation

In your Hugo site `themes` directory, run:

```
$ git clone https://github.com/tyger-technology/tyger-minimal-blog/
```

Next, open `config.toml` in the base of the Hugo site and ensure the theme option is set to `tyger-minimal-blog`.

```
theme = "tyger-minimal-blog"
```

For more information read the official Hugo [setup guide](//gohugo.io/getting-started/installing/).

## Config File Setup

Take a look inside the [`exampleSite`](https://github.com/tyger-technology/tyger-minimal-blog/tree/master/exampleSite) folder of this theme. You'll find a file called [`config.toml`](https://github.com/tyger-technology/tyger-minimal-blog/blob/master/exampleSite/config.toml). To use it, copy the [`config.toml`](https://github.com/tyger-technology/tyger-minimal-blog/blob/master/exampleSite/config.toml) in the root folder of your Hugo site. Feel free to change the strings in this theme.

You may need to delete the line: `themesDir = "../.."`

The example config file includes an menu for an about page and both post and project sections:

```
[[menu.main]]
identifier = "about"
name       = "About"
url        = "/about/"
weight     = 3

[[menu.main]]
identifier = "posts"
name       = "Posts"
url        = "/post/"
weight     = 1

[[menu.main]]
identifier = "projects"
name       = "Projects"
url        = "/project/"
weight     = 2
```

If want the menu to show only your sections, remove the example menu and add the following line to the config file:
```
sectionPagesMenu = "main"
```

Refer to the Hugo docs for more information on [menu setup](https://gohugo.io/content-management/menus/).

The footer text, Twitter & Github links can be set in the config file:

```
[params]
  footerText = "Tyger Minimal Blog Theme"
  twitterUser = "GoHugoIO"
  githubUser = "gohugoio"
```

## Theme Defaults

By default, the date is displayed for each content page. To hide the date for a page set:
`hide_date = true` in the frontmatter of that page.

The homepage is set to show list of posts in a *post* section. In the menu, the *post* item links to the homepage, while all other sections link to a list page showing their entries.

## Development

This theme includes the original SCSS files, which you can customize. Serveral NPM scripts are included to automate the compilation and minification of the SCSS files.

To install the development tools, run:

`$ npm install`

To launch the hugo server with the example site and watch for any changes to the SCSS files, run:

`$ npm run watch`

 To compile and minify the SCSS files to CSS in the `static` directory, run:

`$ npm run build`

## Contributing

Have you found a bug or got an idea for a new feature? Feel free to use the [issue tracker](https://github.com/tyger-technology/tyger-minimal-blog/issues) to let me know.

## License

This theme is released under the [MIT license](https://github.com/tyger-technology/tyger-minimal-blog/blob/master/LICENSE.md).