Formatting playground · Posts · Kyrylo
Posts

Formatting playground

· 1 min read · 250 words

A living demo of everything you can use in a note. Steal from it freely, or delete it once you know the toolbox.

Callouts

A note callout

Blue, for asides and context. Written as > [!note] Title in Obsidian.

A tip callout

Green, for advice. Also answers to [!success], [!check], [!done].

A warning callout

Amber, for gotchas. Also [!question], [!caution].

A danger callout

Red, for things that bite. Also [!error], [!bug], [!failure].

Link to any note anywhere in the vault by name: Sapiens goes to the Shelf, Mykhailo Fedorov to People, and section pages work with a label like the Now page. The Folder/main form matters — it keeps the link working in Obsidian too.

Tables

SyntaxResult
**bold**bold
*italic*italic
`code`code

Code blocks

# fenced code with a language tag
nmap -sV --top-ports 100 scanme.nmap.org

Quotes and rules

A regular blockquote still looks like this.


Images

Paste an image in Obsidian and it just works:

  • ![](/vault-assets/Posts/photo.jpg) — full width, click to open the lightbox
  • ![Caption text](/vault-assets/Posts/photo.jpg) — the text becomes a caption under the image
  • <img src="/vault-assets/Posts/photo.jpg" width="400" alt="" /> — fixed width
  • <img src="/vault-assets/Posts/me.jpg" width="90" height="90" class="avatar" alt="" /> — 128px or smaller becomes a circular avatar

Music

An Apple Music link pasted alone on a line becomes a player:

Drafts

Add draft: true to any note's frontmatter and it shows up locally with an amber badge but never gets published. There's one in this folder right now — you can only see it in npm run dev.