Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

A minimal Hugo Theme

License

NotificationsYou must be signed in to change notification settings

athul/archie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

81 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Forked fromEzhil Theme

Demo

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

Feature

  • Google Analytics Script
  • Callouts
  • Tags
  • Auto Dark Mode(based on system theme)
  • Dark/Light Mode toggle
  • tl:dr; frontamatter
  • Table of contents
  • 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/athul/archie.git

Edit theconfig.toml file withtheme="archie"For more information read the officialsetup guide of Hugo.

If you encounter any issues with Google Analytics, update Hugo to v0.125.0 orlater and make sure your using the latest version of the theme.

Writing Posts

Create a new.md file in thecontent/posts folder

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

Credits

Forked fromEzhil Theme and Licensed under MIT LicenseInspired by design of blog.jse.li


Config Options

Custom CSS

Custom CSS files can be included though thecustomcss config parameter.

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

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

Callouts

There are five different types of callout, including this themes original callout and a custom one as well. These callouts are compatible with both light and dark theme modes.

Screenshot from 2025-01-04 19-22-43

Original

This steup is to ensure backwards compatibility for previous callouts.

{{< callout emoji="⚡️" text="Original callout." >}}

Alert

{{< callout type="alert" text="This is an alert callout." >}}

Custom

This include the ability to set your own callout emoji, title, and css style element.

{{< callout type="custom" emoji="⚡️" title="Custom callout" text="This is custom text for a custom callout." >}}

Tip

{{< callout type="tip" text="This is a tip callout." >}}

Warning

{{< callout type="warning" text="This is a warning callout." >}}

Config of the Demo Site

baseURL ="https://athul.github.io/archie/"languageCode ="en-us"title ="Archie"theme="archie"copyright ="© Athul"# Code Highlightpygmentsstyle ="monokai"pygmentscodefences =truepygmentscodefencesguesssyntax =truedisqusShortname ="yourDisqusShortname"paginate=3# articles per page[params]mode="auto"# color-mode → light,dark,toggle or autouseCDN=false# don't use CDNs for fonts and icons, instead serve them locally.subtitle ="Minimal and Clean [blog theme for Hugo](https://github.com/athul/archie)"mathjax =true# enable MathJax supportkatex =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 onBuymeACoffee

Buy Me A Coffee


[8]ページ先頭

©2009-2025 Movatter.jp