mirror of
https://github.com/yihui/hugo-xmin.git
synced 2024-12-25 14:43:32 +02:00
eXtremely Minimal Hugo theme: about 140 lines of code in total, including HTML and CSS (with no dependencies)
11ad2599ed
* Update style.css to change .menu padding to 0px Since menu li items normally add padding, it off-centers the menu. Changing padding to 0px fixes this. * split the two CSS rules |
||
---|---|---|
archetypes | ||
exampleSite | ||
images | ||
layouts | ||
static/css | ||
.gitignore | ||
hugo-xmin.Rproj | ||
LICENSE.md | ||
README.md | ||
theme.toml |
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
18 ./layouts/_default/list.html
12 ./layouts/_default/single.html
16 ./layouts/_default/terms.html
0 ./layouts/partials/foot_custom.html
9 ./layouts/partials/footer.html
0 ./layouts/partials/head_custom.html
20 ./layouts/partials/header.html
7 ./static/css/fonts.css
50 ./static/css/style.css
137 total
I can certainly further reduce the code, for example, by eliminating the CSS, but I believe a tiny bit CSS can greatly improve readability. You cannot really find many CSS frameworks that only contain 50 lines of code.