show off blog features

october 25, 2025 • magnus jensen

lorem ipsum dolor sit amet, consectetur adipiscing elit. nullam sed gravida ex, eu tincidunt libero. fusce enim urna, aliquam vel felis in, dapibus scelerisque orci. aliquam eu lobortis risus. cras volutpat libero venenatis enim auctor finibus. mauris vel dictum elit.

GFM

www.example.com, https://example.com, and contact@example.com.

Footnote

A note1

lorem ipsum

lorem ipsum dolor sit amet, consectetur adipiscing elit. nullam sed gravida ex, eu tincidunt libero. fusce enim urna, aliquam vel felis in, dapibus scelerisque orci. aliquam eu lobortis risus. cras volutpat libero venenatis enim auctor finibus. mauris vel dictum elit.

lorem ipsum dolor sit amet, consectetur adipiscing elit. nullam sed gravida ex, eu tincidunt libero. fusce enim urna, aliquam vel felis in, dapibus scelerisque orci. aliquam eu lobortis risus. cras volutpat libero venenatis enim auctor finibus. mauris vel dictum elit.

Strikethrough

one or two tildes.

Table

defaultleftrightcenter
1234
5678
9101112
1234
5678
9101112

Tasklist

  • to do
  • done

Code

SELECT *
FROM users
WHERE id = 1;

thing

// This code demonstrates all the syntax highlighting colors

// Classes and types (--sh-class: #4ec9b0)
class MyClass extends BaseClass implements Interface {
  // Properties (--sh-property: #9cdcfe)
  private userName: string;

  // Constructor with parameters (--sh-identifier: #9cdcfe)
  constructor(name: string) {
    // Keywords (--sh-keyword: #569cd6)
    super();
    this.userName = name;
  }

  // Methods and functions (--sh-entity: #4fc1ff)
  async fetchUserData(): Promise<UserData> {
    // String literals (--sh-string: #ce9178)
    const apiUrl = "https://api.example.com/users";
    const response = await fetch(`${apiUrl}/${this.userName}`);
    return response.ok ? await response.json() : null;
}

// Numbers, constants, and more operators (various colors)
const config = {
  maxRetries: 3,
  timeout: 5000,
  enabled: true,
  multiplier: 2.5
};

// Array operations with signs
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(n => n * 2).filter(n => n > 4);

Mermaid

graph TD; A-->B; A-->C; B-->D; C-->D;

Footnotes

  1. Big note.