Hello there!

This is a post for testing. I am trying to see how this will look like on the page. This should be an italic, bold, ~~strikethrough~~, <ins>underline</ins>.

This is a quote. It looks like one, indeed.

This will be an unordered list:

• first item
• second item
• third item

This will be an ordered list:

1. first
2. second
3. third

Up until now, all looks good. Let's create a second title.

Second title. Should be smaller than first

Third title. Should be smaller than the second

// this is a code block
const x = 123;
const array = [1, 2, 3];
array.push(x);

Looking good so far.

The background color is #ffffff for light mode and #000000 for dark mode.

[!NOTE] Useful information that users should know, even when skimming content.

[!TIP] Helpful advice for doing things better or more easily.

[!IMPORTANT] Key information users need to know to achieve their goal.

[!WARNING] Urgent info that needs immediate user attention to avoid problems.

[!CAUTION] Advises about risks or negative outcomes of certain actions.

Looks good. Now lets save it.