Det här är ett testinlägg för att visa upp vad den här bloggen klarar av.

Kodinlägg

Syntax highlighting fungerar för massa språk. Här är lite JavaScript:

async function fetchPosts(tag) {
  const res = await fetch(`/api/posts?tag=${tag}`);
  const posts = await res.json();
  return posts.filter(p => p.published);
}

Och Python:

def reading_time(content: str, wpm: int = 200) -> int:
    words = len(content.split())
    return max(1, words // wpm)

Inline-kod ser ut såhär: npm run build.

Bilder

Lägg bilder i src/assets/img/ och referera med /assets/img/filnamn.jpg. Shortcoden figure optimerar bilden automatiskt (avif/webp/jpeg i flera storlekar) och lägger till valfri bildtext:

En placeholder-bild
Bildtext visas under bilden

Lägg till true som fjärde argument för att låta ett foto bryta ut bredare än textspalten:

Ett brett exempelfoto
Breda foton känns mer redaktionella

Flera bilder i ett rutnät med gallery-shortcoden — klicka på en bild för att förstora:

YouTube

Bädda in en video med shortcoden youtube:

Citat

Enkel design är inte avsaknad av komplexitet — det är resultatet av att ha tagit bort allt onödigt.

Tabeller

Verktyg Syfte
11ty Statisk webbplats
Cloudflare Pages Hosting
GitHub Versionskontroll