Back to writing

Markdown Render Test Page

I don’t know why you open this page? This is basically just my tools to test is markdown render properly. Why i include this here? Yea this is my site so i dont care i will add anything i want.

This page exercises every markdown feature this blog supports. If something below looks broken, the renderer (or its CSS) doesn’t handle that feature.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Text formatting

A plain paragraph with bold, italic, bold italic, strikethrough, and inline code. Here is a mix of bold with code inside and a link inside bold text.

Escaped characters: *not italic*, `not code`, [not a link].

Hard line break (two trailing spaces):
this sentence should start on a new line without paragraph spacing.

Links

Inline link and a reference-style link.

Lists

Unordered list:

  • first item
  • second item
    • nested item
    • another nested item
  • third item

Ordered list:

  1. first
  2. second
  3. third

Task list:

  • finished task
  • unfinished task

Blockquotes

A single-line blockquote.

A multi-paragraph blockquote.

Second paragraph of the same quote.

A nested blockquote.

Code blocks

const posts = import.meta.glob('/src/posts/*.md');

export function getPosts() {
	return Object.entries(posts).map(([path, mod]) => mod);
}
npm run dev
npm run build
<script>
	let { children } = $props();
</script>

{@render children()}

Tables

FeatureSyntaxSupported
Bold**text**yes
Strikethrough~~text~~yes
Right-alignedsee next column—:

Horizontal rule

Content above the rule.


Content below the rule.

Images

The site favicon, loaded from /static

Raw HTML

Markdown can embed raw HTML: press Ctrl + C to copy.

Click to expand

Hcidden content inside a details element.

Wednesday, 1 January 1800