Fork of https://github.com/athul/archie with the goal to self-host everything (including js)
Go to file
Rico Ullmann 167d92d87b
head.html: add all the favicons
2023-01-06 21:59:17 +01:00
.github Update FUNDING.yml 2021-03-01 21:21:59 +05:30
archetypes Init 2020-04-09 00:14:29 +05:30
assets/css Fixed title and menu links overlap in header 2022-08-14 08:34:17 +05:30
exampleSite remove useCDN option 2023-01-05 23:31:01 +01:00
images Added Dark mode Image 2020-04-16 23:00:30 +05:30
layouts head.html: add all the favicons 2023-01-06 21:59:17 +01:00
static header.html: grab local copy of MathJax.js 2023-01-05 23:48:48 +01:00
LICENSE Init 2020-04-09 00:14:29 +05:30
README.md README.md: add notice about original repo 2023-01-06 20:34:11 +01:00
theme.toml Update tag background color 2020-04-16 21:32:51 +05:30

README.md

Archie - Hugo theme

Archie is a minimal and clean theme for hugo with a markdown-ish UI.

Forked from Ezhil Theme

This repo is a fork of the original Archie Theme. It has been adjusted to remove CDN features (loading js/css from Cloudflare and others) and make some small changes to the code base.

Demo

Check the Demo hosted on GitHub Pages 😄 . You can find the source code to that in the site branch of this repository

Feature

  • Callouts
  • Tags
  • Auto Dark Mode(based on system theme)
  • Dark/Light Mode toggle
  • tl:dr; frontamatter
  • Cache busting for CSS files

Installation

In your Hugo website directory, create a new folder named theme and clone the repo

$ mkdir themes
$ cd themes
$ git clone https://github.com/athul/archie.git

Edit the config.toml file with theme="archie" For more information read the official setup guide of Hugo.

Writing Posts

Create a new .md file in the content/posts folder

---
title: Title of the post
description:
date:
tldr: (optional)
draft: true/false (optional)
tags: [tag names] (optional)
---

Credits

Forked from Ezhil Theme and Licensed under MIT License Inspired by design of blog.jse.li


Config Options

Custom CSS

Custom CSS files can be included though the customcss config parameter.

Note: CSS files should be placed under the assets directory e.g. assets/css/first.css.

[params]
	customcss = ["css/first.css", "css/second.css"]

Config of the Demo Site

baseURL = "https://athul.github.io/archie/"
languageCode = "en-us"
title = "Archie"
theme="archie"
copyright = "© Athul"
# Code Highlight
pygmentsstyle = "monokai"
pygmentscodefences = true
pygmentscodefencesguesssyntax = true

paginate=3 # articles per page

[params]
	mode="auto" # color-mode → light,dark,toggle or auto
	subtitle = "Minimal and Clean [blog theme for Hugo](https://github.com/athul/archie)"
	mathjax = true # enable MathJax support
	katex = true # enable KaTeX support

# Social Tags

[[params.social]]
name = "GitHub"
icon = "github"
url = "https://github.com/athul/archie"

[[params.social]]
name = "Twitter"
icon = "twitter"
url = "https://twitter.com/athulcajay/"

[[params.social]]
name = "GitLab"
icon = "gitlab"
url = "https://gitlab.com/athul/"

# Main menu Items

[[menu.main]]
name = "Home"
url = "/"
weight = 1

[[menu.main]]
name = "All posts"
url = "/posts"
weight = 2

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

[[menu.main]]
name = "Tags"
url = "/tags"
weight = 4

If you liked my work please consider supporting me on BuymeACoffee

Buy Me A Coffee