Need help with archie?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

athul
332 Stars 105 Forks MIT License 48 Commits 4 Opened issues

Description

A minimal Hugo Theme

Services available

!
?

Need anything else?

Contributors list

# 26,180
Mongoos...
Zsh
nuxtjs
api-res...
25 commits
# 152,108
HTML
WordPre...
wordpre...
event-m...
3 commits
# 264,829
Shell
otf
R
data-cl...
2 commits
# 19,602
openvpn
wiregua...
Ansible
tor
2 commits
# 249,593
Shell
Groovy
hugo
workflo...
1 commit
# 176,314
Ruby
static-...
rubocop
Shell
1 commit
# 169,237
Emacs
emacs-l...
configu...
hugo
1 commit
# 107,137
Less
archivi...
funcube...
debian
1 commit
# 51,207
Emacs
Docker
TeX
xelatex
1 commit

Archie - Hugo theme

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

Forked from Ezhil Theme

Demo

Check the Demo hosted on GitHub Pages :smile: . You can find the source code to that in the

site
branch of this repository

Feature

  • Google Analytics Script
  • 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

bash
$ 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

```yml

title: Title of the post description: date: tldr: (optional) draft: true/false (optional)

tags: tag names

## Credits
Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil) 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.

```toml [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 useCDN=false # don't use CDNs for fonts and icons, instead serve them locally. subtitle = "Minimal and Clean blog theme for Hugo"

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.