Go to file
Sebas Risco 83a18dfd7c
💄 Add full cool-gray color scheme
2021-10-13 18:01:43 +02:00
.github ⬆️ Bump labeler version 2021-09-22 09:14:33 +10:00
archetypes 🎉 Initial commit 2021-08-11 15:28:33 +10:00
assets 💄 Add full cool-gray color scheme 2021-10-13 18:01:43 +02:00
config/_default Add option to add a site logo 2021-09-22 12:24:46 +10:00
data Add i18n support 2021-08-17 16:48:08 +10:00
exampleSite 📝 Fix documentation typos 2021-09-29 10:39:29 +10:00
i18n Add i18n chinese translation 2021-09-20 11:24:28 +08:00
images 📝 Complete documentation overhaul 2021-08-16 17:19:10 +10:00
layouts Add option to add a site logo 2021-09-22 12:24:46 +10:00
static Add asset fingerprinting and SRI 2021-08-21 12:20:29 +10:00
.gitignore 🙈 Update .gitignore 2021-08-14 14:45:44 +10:00
.prettierrc 🔧 Update Prettier config 2021-08-17 11:03:47 +10:00
CHANGELOG.md 🔨 Preparing release v1.3.0 2021-09-29 10:56:22 +10:00
CONTRIBUTING.md 📝 Add contributing guidelines 2021-08-19 11:49:20 +10:00
LICENSE 🎉 Initial commit 2021-08-11 15:28:33 +10:00
README.md 🚚 Move min Hugo version to module.toml 2021-08-20 17:20:20 +10:00
go.mod Add Hugo module support 2021-08-18 16:01:53 +10:00
netlify.toml 💚 Fix Hugo version string in Netlify config 2021-08-26 09:48:08 +10:00
package-lock.json ⬆️ Upgrade to Tailwind v2.2.16 2021-09-29 10:55:03 +10:00
package.json 🔨 Preparing release v1.3.0 2021-09-29 10:56:22 +10:00
release.sh 🔨 Fix issue with version numbers in release.sh 2021-08-22 17:29:18 +10:00
tailwind.config.js Add multiple colour schemes 2021-08-20 17:02:08 +10:00
theme.toml 🚚 Move min Hugo version to module.toml 2021-08-20 17:20:20 +10:00

README.md

Congo

Congo is designed to be a simple, lightweight theme for Hugo. It's built using Tailwind CSS with a clean and minimalist design that prioritises to your content.

🌏 Demo site
📑 Theme documentation
🐛 Bug reports & issues
💡 Questions & feature requests

Screenshot

Features

  • Built with Tailwind CSS JIT for minified stylesheets without any excess code
  • Fully responsive layout
  • Multiple colour schemes (or fully customise your own)
  • Dark mode (auto-switching based upon browser)
  • Highly customisable configuration
  • Multiple homepage layouts
  • Flexible with any content types, taxonomies and menus
  • Ability to link to posts on third-party websites
  • Diagrams and visualisations using Mermaid JS
  • SVG icons from FontAwesome 5
  • Heading anchors, Buttons, Badges and more
  • HTML and Emoji support in articles
  • SEO friendly with links for sharing to social media
  • RSS feeds
  • Fathom Analytics and Google Analytics support
  • Favicons support
  • Comments support
  • Advanced customisation using simple Tailwind colour definitions and styles
  • Fully documented

Installation

This is a simplified set of instructions and assumes a basic understanding of building Hugo sites and installing themes. For detailed instructions, refer to the full theme documentation.

There are a few ways to install the Congo theme into your Hugo website.

Install using Hugo

This method is the quickest and easiest for keeping the theme up-to-date. Hugo Modules uses Go to initialise and manage modules so you need to ensure you have Go installed before proceeding.

  1. Download and install Go. You can check if it's already installed by using the command go version.

  2. From your Hugo project's directory, initiate the Hugo Modules system for your website:

    hugo mod init github.com/<username>/<repo-name>
    
  3. Add the theme to your configuration by creating a new file config/_default/module.toml and adding the following:

    [[imports]]
    path = "github.com/jpanther/congo"
    
  4. Start your server using hugo server and the theme will be downloaded automatically.

  5. Continue to set up the theme configuration files.

Install using git

Change into the directory for your Hugo website, initialise a new repository and add Congo as a submodule.

cd mywebsite
git init
git submodule add -b stable https://github.com/jpanther/congo.git themes/congo

Then continue to set up the theme configuration files.

Install manually

Download the latest release of the theme from: https://github.com/jpanther/congo/releases/latest

Extract the archive, rename the folder to congo and move it to the themes/ directory inside your Hugo project.

Then continue to set up the theme configuration files.

Set up theme configuration files

In the root folder of your website, delete the config.toml file that was generated by Hugo. Copy the *.toml config files from the theme into your config/_default/ folder. If you installed using Hugo Modules, you should not copy the module.toml file! This will ensure you have all the correct theme settings and will enable you to easily customise the theme.

Depending on how you installed the theme you will find the theme config files in different places:

  • Hugo Modules: In the Hugo cache directory, or download a copy from GitHub
  • Git submodule or Manual install: themes/congo/config/_default

Important: If you didn't use Hugo Modules to install Congo, you must add the line theme = "congo" to the top of your config.toml file.

You're now all set up to use Congo. From here you can add some content and start the Hugo server.

Configuration

For all the theme options and detailed configuration instructions, refer to the Congo docs.

A few things you need to set for a new installation:

# config/_default/config.toml

baseURL = "https://your_domain.com"
languageCode = "en-AU"
title = "My awesome website"

[author]
name = "Your name"
links = [
  { twitter = "https://twitter.com/jpanther" }
]

Advanced customisation

Refer to the theme documentation for details on customising Congo, including rebuilding the theme from scratch.


Contributing

Congo is still very much a work in progress. I intend to keep adding features and making changes as required.

Feel free to get in touch with any issues or suggestions for new features you'd like to see.

If you're able to fix a bug or implement a new feature, I welcome PRs for this purpose. Learn more in the contributing guidelines.