eXtremely Minimal Hugo theme: about 140 lines of code in total, including HTML and CSS (with no dependencies)
Go to file
derrygeoff 2df4fb3cf8
Update README.md
Added instructions to README.md on how to add a hugo contact form
2022-05-30 10:43:38 +01:00
archetypes Hugo 0.24 requires title and date in archtypes for some reason 2017-06-22 14:38:34 -05:00
exampleSite display current year in footer (#54) 2021-12-30 21:10:33 -06:00
images add readme and screenshots 2017-06-15 23:08:08 -05:00
layouts display current year in footer (#54) 2021-12-30 21:10:33 -06:00
static/css Make line-height unitless (#56) 2022-01-19 13:28:25 -06:00
.gitignore start the project in RStudio 2017-06-15 23:03:54 -05:00
LICENSE.md update license year 2021-11-11 23:13:01 -06:00
README.md Update README.md 2022-05-30 10:43:38 +01:00
hugo-xmin.Rproj start the project in RStudio 2017-06-15 23:03:54 -05:00
theme.toml yihui.name -> yihui.org 2020-10-05 10:29:00 -05:00

HUGO XMIN

Keep it simple, but not simpler

XMin is a Hugo theme written by Yihui Xie in about four hours: half an hour was spent on the Hugo templates, and 3.5 hours were spent on styling. The main motivation for writing this theme was to provide a really minimal example to beginners of Hugo templates. This XMin theme contains about 130 lines of code in total, including the code in HTML templates and CSS (also counting empty lines).

find . -not -path '*/exampleSite/*' \( -name '*.html' -o -name '*.css' \) | xargs wc -l
       5 ./layouts/404.html
      12 ./layouts/_default/single.html
      20 ./layouts/_default/list.html
      13 ./layouts/_default/terms.html
       0 ./layouts/partials/foot_custom.html
       0 ./layouts/partials/head_custom.html
       9 ./layouts/partials/footer.html
      20 ./layouts/partials/header.html
      51 ./static/css/style.css
       7 ./static/css/fonts.css
     137 total

Add hugo contact form

<form action="https://fabform.io/f/{form-id}" method="post">
 <label for="email">Your Email</label>
 <input name="email" type="email">
 <button type="submit">Submit</button> 
</form>

I can certainly further reduce the code, for example, by eliminating the CSS, but I believe a tiny bit of CSS can greatly improve readability. You cannot really find many CSS frameworks that only contain 50 lines of code.

Screenshot