This post exists purely to exercise every markdown element the blog supports, so rendering can be checked in one place. Nothing here is meant to be read for content.
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Emphasis
Plain text, bold text, italic text, bold italic text, strikethrough,
and inline code. A sentence can mix bold, italic, and code together.
Links
A regular link, an external link that opens in a new tab, and an autolink: https://example.com.
Lists
Unordered:
- First item
- Second item
- Nested item
- Another nested item
- Third item
Ordered:
- First step
- Second step
- Nested step
- Another nested step
- Third step
Task list:
- Write the kitchen sink post
- Review how it renders
- Ship it
Blockquote
A blockquote can span multiple lines and is used for quoting or calling out a thought that stands apart from the main text.
Code
Inline const x = 1 code, and a fenced block with syntax highlighting:
function greet(name: string): string {
return `Hello, ${name}!`
}
// the next line is highlighted
const result = greet("world")
console.log(result)function greet(name: string): string {
return `Hello, ${name}!`
}
// the next line is highlighted
const result = greet("world")
console.log(result)A block with no language:
plain text in a fenced block
no syntax highlighting here
Table
| Element | Supported | Notes |
|---|---|---|
| Headings | ✅ | h1 through h6 |
| Tables | ✅ | via remark-gfm |
| Task lists | ✅ | via remark-gfm |
| Footnotes | ❌ | not wired up yet |
Image
Horizontal rule
Content above the rule.
Content below the rule.