Skip to content
A simple and clean theme for Hugo.
CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
archetypes update default archetype Feb 8, 2020
assets/css add styles for code blocks Feb 22, 2020
exampleSite add styles for code blocks Feb 22, 2020
layouts add styles for code blocks Feb 22, 2020
static add favicon support Feb 19, 2020
.editorconfig init commit Feb 8, 2020
.gitignore init commit Feb 8, 2020
.prettierrc add prettier config Feb 18, 2020
LICENSE update LICENSE Feb 10, 2020
README.md update README Feb 22, 2020
theme.toml

README.md

Tania - A simple and clean theme for Hugo.

Features

  • Fast: All the CSS used, once compressed, doesn't reach the 4kb.
  • Simple: Say what you want without unnecessary decorations.
  • Responsive: Looks good on all screen sizes.

Installation

You can install Tania running the following commands inside your Hugo project:

mkdir themes
cd themes
git clone https://github.com/danielkvist/hugo-tania-theme.git tania

Or

mkdir themes
cd themes
git submudole add https://github.com/danielkvist/hugo-tania-theme.git tania

Then, on your config.toml file change the following line:

theme = "tania"

Configuration

Base params

baseURL = "/"
title = "Your Project Name"
author = "Author"
description = "Descrption of your project."
googleAnalytics = "YOUR-GOOGLE-ANALYTICS-TOKEN"
enableRobotsTXT = true
language = "en-US"
copyright = "© 2020 Daniel (Danielkvist)."

Code

To use the CSS styles defined to code blocks you will need to add the following line to your config.toml file:

pygmentsUseClasses=true

Contact

To add your contact email to the footer you'll need to add to your config.toml the following lines:

[params.contact]
  email = "you@email.com"

Social

To add a message before your social links:

[params.social]
  text = "Find more about me here:"

To add your social links to the footer you'll need to add:

[params.links]
  codepen = "codepen.io/yourusername"
  github = "github.com/yourusername"
  linkedin = "linkedin.com/in/yourprofile"
  twitter = "twitter.com/yourusername"

You can add any link you want and it will be rendered as follows:

<!-- Using GitHub as an example -->
<a
  class="..."
  href="github.com/yourusername"
  alt="github"
  target="_blank"
  rel="nofollow"
  >github</a
>

Things I'm working on

  • Blogging support.
  • Better customization to change easily things like the color scheme.
  • Dark mode.
  • Caching with Service Workers.
  • Better lists pages.
You can’t perform that action at this time.