99 lines
2.2 KiB
Markdown
99 lines
2.2 KiB
Markdown
---
|
|
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
|
|
|
|
```
|
|
|
|
It will be rendered as:
|
|
|
|
|
|
|
|
> [!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.
|
|
|
|
- [ ] 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.
|