Nulite is a simple, elegant, minimalistic stater project for Eleventy to help you create a simple blog with focus on performance and simplicity.
This project is strongly influenced by Steph Ango's blog (one of the creators of Obsidian).
If you like the project feel free to leave a star β You can also send me issues that you can find or proposals for improvement in PRs.
If you know Spanish, take a look at this article to set up your blog for free with this template
- π§ Simple. Elegant, minimalist design, clear and easy to read.
- π Good performance. Inline styles and the minimum amount of JS to make the page load as fast as possible.
- π Support for light/dark mode. Respects user tastes and allows toggle between both saving preferences.
- π‘ RSS. Bring back old days.
- π¨ Easily customizable. Thanks to the CSS variables system you can change colors and fonts in one place.
- ποΈ Syntax coloring. If you write blocks of code in the articles you will have coloring, and without adding extra JS.
- π Article recommendation. Each article has a tag-based recommendation system to give the user more content to read.
- Fork this repo, or click in the button "Use this template":
https://github.com/codingpotions/nulite
cd
into the project directory and runnpm install
npm run start
Browse to https://localhost:8080.
npm run build
Output files are generated into the _site
folder.
src/
_includes/
All UI partials. Inside the css folder, in the global.liquid you can change the CSS variables
_data/
Here you can change the site info, like the title and description
posts/
Each individual post in markdown files
public/
This folder contians statics files, copied directly into the output, like the favicon, for ecample
Configuration and build files