Code Monkey home page Code Monkey logo

hugo-tania's Introduction

Hugo Theme Tania

A simple theme for bloggers.

Demo

Example Site

Netlify Status

Introduction

Most of the styles for this theme come from taniarascia.com

I like it's style, so I transplant it to Hugo.

And is that why this theme called Tania.

Thank Tania Rascia again.

Here is some features:

  • Dark mode(It can switch automatically or manually)
  • Footnotes(Float on the right side)

Usage

Installation

In your site's root dir

git submodule add https://github.com/WingLim/hugo-tania themes/hugo-tania

Edit your site config following exampleSite/config.yaml.

Params

titleEmoji will show before the blog title on site navbar.

titleEmoji: '😎'

socialOptions will show on index bio with _index.md content. Account with icon can set as below:

socialOptions:
    dev-to:
    email:
    facebook:
    github:
    instagram:
    linkedin:
    medium:
    stack-overflow:
    steam:
    telegram:
    twitter:
    twitch:
    whatsapp:

If you want to disable the float footnotes, add below params.

enableFootnotes: false

Layout

articles layout is for showing all articles you write.

Add articles.md to site content dir, and write as below:

---
title: Articles
subtitle: Posts, tutorials, snippets, musings, and everything else.
date: 2020-11-26
type: section
layout: "archives"
---

Article

Enable math formula render

For enable math formula render, add katex: true or mathjax: true in your article head, like:

Notice: You should enable only one katex or mathjax in a same time.

---
title: Title
katex: true
---

Some content...

Thanks to

License

MIT

hugo-tania's People

Contributors

zieunx avatar malusama avatar mogita avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.