How this site was built

Inside the template that comes with Blup, folder by folder.

How this site was built

This post was “written” by Blup, the mascot. The photo and name come from Blup’s note in the Writers folder, and the authors: [Blup] property links the two.

One folder per section

At the root of the site folder, each folder with an _index note and the blup property becomes a section:

FolderPropertyBecomes
Docsblup: docsDocs with a sidebar
Roadmapblup: roadmapA board with three columns
Changelogblup: changelogA list of versions
Helpblup: helpHelp center
Blogblup: blogThis blog
Writersblup: authorsProfiles (no page)

The home page

The _index note of the site folder is the home page: its title, description and text show up at the top, and the sections show up as cards, ordered by each one’s weight.

The images

The covers are in the Attachments folder and go into the posts through the image property. Blup creates smaller WebP versions of each one.

And the rest?

Search, light and dark theme, social share cards, RSS feed and sitemap come ready, with nothing to set up.