Giter Club home page Giter Club logo

hugo-theme-colonna's Introduction

Colonna

github pages

Minimal theme for Hugo.

Credits

Colonna is a Hugo theme based on Ezhil and using files and ideas from Anatole.

Features

  • Minimal
  • Responsive
  • Dark mode (Auto detect from OS)
  • Supports tags
  • Social media links
  • Syntax highlighting
  • Twitter cards and opengraph tags support
  • Hugo RSS feeds
  • Custom CSS/JS

Installation

From your Hugo site run the following.

cd themes
git clone https://github.com/ale-depi/hugo-theme-colonna.git

For more information read the official setup guide of Hugo.

Configuration

title = "My Website"

baseURL = "http://example.org/"
languageCode = "en-us"
paginate = 5

## Syntax highlighting
pygmentsUseClasses = true
pygmentsCodeFences = true
pygmentsCodefencesGuessSyntax = true

summaryLength = 20

[markup]
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true

[params]
  author = "Alessandro De Piccoli"
  title = "Colonna"
  subtitle = "Minimal theme"
  disableThemeSwitcher = false
  featherIconsCDN = true
  ## Custom CSS
  ## Add your custom CSS file in assets/css/custom.css
  customCSS = false 

  ## Social links
  ## use 'fab' when brand icons, use 'fas' when standard solid icons.
  [[params.socialIcons]]
    icon = "fas fa-envelope"
    title = "E-mail"
    url = "mailto:[email protected]"

  [[params.socialIcons]]
    icon = "fab fa-gitlab"
    title = "GitLab"
    url = "https://gitlab.di.unimi.it/alessandro.depiccoli/"
  
  [[params.socialIcons]]
    icon = "fab fa-github"
    title = "GitHub"
    url = "https://github.com/ale-depi/hugo-theme-colonna/"
  
[menu]
  [[menu.main]]
    name = "Home"
    url = "/"
    weight = 100
  
  [[menu.main]]
    name = "Posts"
    url = "/posts"
    weight = 200
  
  [[menu.main]]
    name = "About"
    url = "/about"
    weight = 300
  
  [[menu.main]]
    name = "Tags"
    url = "/tags"
    weight = 400

[taxonomies]
  tag = "tags"
  series = "series"

Favicon

Add your favicons to static/icons/. Currently, you can use:

  • android-chrome-192x192.png;
  • apple-touch-icon.png (resolution 180x180);
  • favicon-16x16.png;
  • favicon-32x32.png;
  • favicon.ico (resolution 64x64).

Static page as a home page

If you prefer having a static page as your home page rather than a listing of the latest posts, in config.toml change the value of the variable staticHome to true:

[params]
  staticHome = true

then put what you want into the _index.md file located in the content directory.

hugo-theme-colonna's People

Contributors

ale-depi avatar

Stargazers

Marco Garlet avatar

Watchers

 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.