Hello World

A Demo Article 🔥

This post showcases everything your blog renderer supports out of the box: headings, lists, code, tables, checklists, links, images, and more. Enjoy! ✨

Headings

H3: Why this matters

H4: Because good defaults are everything

  • Clean typography
  • Sensible spacing
  • Mobile-friendly tables
  • Syntax-highlighted code blocks
  • Safe HTML + anchors on headings

Lists

Unordered:

  • Item one
  • Item two
  • Item three

Ordered:

  1. First
  2. Second
  3. Third

Syntax Highlighting

TypeScript

type User = { id: string; name: string; admin?: boolean };

export function greet(user: User) {
  const role = user.admin ? "admin" : "guest";
  return `Hello, ${user.name}! You are an ${role}.`;
}

console.log(greet({ id: "1", name: "Marko", admin: true }));

JavaScript

const nums = [1, 2, 3, 4, 5];
const squares = nums.map((n) => n * n);
console.log({ squares });

Rust 🦀

fn main() {
    let mut sum: i64 = 0;
    for n in 1..=5 {
        sum += n * n;
    }
    println!("Squares sum: {}", sum);
}

Here are some classic links:

Image (Charmander)

A cute Charmander, clickable to open the original image:

Charmander

In case you want external images, you can upload any image to /public folder to have access from your article.

Table (sample data)

ItemQtyPriceTotal
Poké Ball10200 ₽2,000 ₽
Super Potion3700 ₽2,100 ₽
Antidote2100 ₽200 ₽
Escape Rope1550 ₽550 ₽
Sum4,850 ₽

Checklist

  • Headings H1–H4
  • Lists (ordered & unordered)
  • Syntax highlighting (TS/JS/Rust)
  • Links with custom underline
  • Image of Charmander 🔥
  • Table
  • Emojis 😊
  • Long paragraphs

Long Text (Lorem Ipsum)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet, arcu ac scelerisque varius, neque odio commodo arcu, non vestibulum nisi lorem at ante. Curabitur efficitur, justo id tincidunt vestibulum, lectus velit gravida justo, id pellentesque nisl quam at quam. Suspendisse potenti. Integer aliquet, urna eget semper aliquam, augue elit commodo mauris, quis facilisis nisl velit non tortor.

Sed vitae semper nisi. Mauris porta, ante vitae sagittis tristique, urna mi volutpat ipsum, non ultricies eros nisl eu massa. Cras semper, tortor vitae egestas blandit, lorem mauris vulputate arcu, id vulputate eros augue sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi urna magna, egestas vel justo a, convallis malesuada velit.

Phasellus lacinia rhoncus justo, vitae congue lectus feugiat eget. Integer non sem ut dolor porttitor aliquet. Praesent lacinia viverra eros, nec scelerisque velit finibus nec. Vivamus condimentum, arcu vitae finibus sodales, quam magna bibendum nibh, sit amet fermentum augue nisl quis justo.


From yours, Marko

Oct 13, 2025

© 2025 Marko. All Rights Reserved.