---
title: Hello, world
description: This is the first post on the gly.cz blog.
date: 2026-07-23 15:00:00 +0200
author: hangerthem
category: Blog
coverImage: image.png
coverImageAlt: A picture of the hello world text in green on a black background.
math: true
mermaid: true
---

Welcome to the gly.cz blog. Posts here are written in Markdown and turned into static HTML by ==Eleventy==.

## Writing a post

Add a Markdown file to `src/blog` with a title, description, and date in its front matter:

```md
---
title: A post title
description: A short summary.
date: 2026-07-22
author: hangerthem
---

Your post starts here.
```

The surrounding layout is a React component, while Tailwind Typography styles the generated article HTML.

You can also use other code blocks in your Markdown, like this:

```ts
function helloWorld() {
	console.log("Hello, world!");
}
```

Or you can use inline code like `console.log("Hello, world!")` in your Markdown.

### Images

You can add images to your posts by placing them in the `src/assets/blog`[^1] directory and referencing them in your Markdown:

```md
![Alt text](image.png)
```

It will be rendered as:

![A picture of the hello world text in green on a black background.](image.png)

> [!TIP] You can also use `>` to add blockquotes to your posts.

| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |

$$
\frac{1}{2} + \frac{1}{3} = \frac{5}{6}
$$

1. First item[^2]
2. Second item
3. Third item

- First item
- Second item
- Third item

---

this is an [external link](https://example.com)

and this is an [internal link](/about)

```mermaid
graph TD;
		A[Start] --> B{Is it working?};
		B -- Yes --> C[Great!];
		B -- No --> D[Check the code];
		D --> B
```

Term 1
:   Definition for term 1.

Term 2
:   Definition A for term 2.
:   Definition B for term 2, on a new line.

H~2~O

- [ ] Task 1
- [x] Task 2

[^1]: The `src/assets/blog` ==directory== is where you can place images for your blog posts. You can reference them in your Markdown using the relative path to the image file.
[^2]: You can also add footnotes to your posts. This is a footnote reference, and the footnote text is at the bottom of the post.