This is the source code for the ivelum.com website, which is built on Hugo. If you'd like to play with it, make sure you have Hugo installed, clone the repo, and run:
$ hugo serverSimple! You can use all common formats: .png, .jpg or .svg; just make
sure the images are high quality. For .png and .jpg, they should be more
than 1400px wide. If you can't find such a high-resolution image then use
the best quality you can find. Put the image in the same folder as your post,
and embed them in the post content like this:
Please note that the image description is required. It should be a meaningful
explanation of what is shown on the image, which will be put into the
<img alt="..."> attribute (important for SEO).
You don't have to do any image processing besides finding high-quality images.
The blog will automatically generate smaller previews and convert them to
alternative formats such as WebP for faster rendering.
Add the following two lines in the Frontmatter markup at the beginning of the post:
sitemap:
disable: true
It'll hide the post from the /blog/ page and from sitemap.xml, however you'll be able to preview it using the direct link. When you're ready to publish the post, simply remove these lines.
Full example of the Frontmatter markup that marks a post as draft:
---
title: My new shiny post title (WIP)
description: Post description for SEO and sharing
date: 2024-12-08T12:00:00+0200
sitemap:
disable: true
---
In this episode, we'll talk about ...