Skip to content

lipidex/archie-mod

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Archie-mod - Hugo theme

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

Forked from Archie Theme

Demo

Check the Demo hosted on GitHub Pages 😄 . 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
  • Disqus Comments

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/lipidex/archie-mod.git

Edit the config.toml file with theme="archie-mod" 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 Archie Theme and Licensed under MIT License


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://lipidex.github.io/archie-mod/"
languageCode = "en-us"
title = "Archie-mod"
theme="archie-mod"
copyright = "© lipidex"
# Code Highlight
pygmentsstyle = "monokai"
pygmentscodefences = true
pygmentscodefencesguesssyntax = true

disqusShortname = "yourDisqusShortname"

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](https://github.com/lipidex/archie-mod)"
	mathjax = true # enable MathJax support
	katex = true # enable KaTeX support

# Social Tags

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

[[params.social]]
name = "Linkedin"
icon = "linkedin"
url = "https://www.linkedin.com/in/pierpaolo-agamennone/"

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

# 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

About

A minimal Hugo Theme

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 52.1%
  • CSS 44.7%
  • JavaScript 3.2%