Markdown Guide

Markdown is supported in thread content and comments. This guide shows every supported syntax alongside its rendered output.

Headings

Use headings to structure your content. Six levels are available, from H1 to H6.

Markdown

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

Output

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Emphasis

Make text bold, italic, or both. Use underscores or asterisks interchangeably.

Markdown

**Bold text**

*Italic text*

***Bold and italic text***

_Italic with underscores_

__Bold with underscores__

Output

Bold text

Italic text

Bold and italic text

Italic with underscores

Bold with underscores

Links

Create inline links with optional titles. Raw URLs are auto-linked. External links open in a new tab.

Markdown

[Visit TrickBD](https://trickbd.com)

[Link with title](https://trickbd.com "TrickBD Community")

<https://trickbd.com>

Autolink inside text: https://trickbd.com

Output

Visit TrickBD

Link with title

https://trickbd.com

Autolink inside text: https://trickbd.com

Images

Embed images with alt text. The alt text is shown if the image fails to load.

Markdown

![Placeholder image](https://picsum.photos/seed/trickbd/640/360)

Output

Placeholder image

Inline Code

Wrap commands, variables, or code snippets with single backticks.

Markdown

Install the package with `yarn add markdown-it`.

The variable `const` declares a constant.

Output

Install the package with yarn add markdown-it.

The variable const declares a constant.

Code Blocks

Use fenced code blocks with a language tag for multi-line code. Indented code blocks also work.

Markdown

```js
function greet(name) {
  return "Hello, " + name + "!";
}
console.log(greet("TrickBD"));
```

    // Indented code block
    const answer = 42;

Output

function greet(name) {
  return "Hello, " + name + "!";
}
console.log(greet("TrickBD"));

// Indented code block
const answer = 42;

Blockquotes

Quote other users or reference documentation. Blockquotes can be nested.

Markdown

> This is a blockquote.
> It can span multiple lines.
>
> > Nested blockquote

Output

This is a blockquote. It can span multiple lines.

Nested blockquote

Lists

Create unordered, ordered, and nested lists with any number of levels.

Markdown

- Unordered item one
- Unordered item two
  - Nested item
  - Another nested item
- Unordered item three

1. Ordered item one
2. Ordered item two
   1. Nested ordered item
3. Ordered item three

Output

Unordered item one
Unordered item two
- Nested item
- Another nested item
Unordered item three

Ordered item one
Ordered item two
1. Nested ordered item
Ordered item three

Horizontal Rules

Separate sections with a horizontal rule. Use three or more dashes, asterisks, or underscores.

Markdown

Content above the line.

---

Content below the line.

Output

Content above the line.

Content below the line.

Line Breaks

End a line with two or more spaces to force a line break without starting a new paragraph.

Markdown

First line  
Second line  
Third line

Output

First line
Second line
Third line

Typographer

Smart punctuation is automatically converted: straight quotes become curly, double dashes become en/em dashes, and ellipses are normalised.

Markdown

"Double quotes" and 'single quotes' become curly.

A range: 2010--2024 becomes an en-dash.

An em-dash: ---

And three dots... become an ellipsis.

Output

“Double quotes” and ‘single quotes’ become curly.

A range: 2010–2024 becomes an en-dash.

An em-dash: —

And three dots… become an ellipsis.

Text Highlight (Mark)

Wrap text in double equals signs to highlight it with a mark element, similar to a yellow marker.

Markdown

This is ==highlighted text== inside a sentence.

You can highlight ==multiple words== in ==one line==.

Output

This is highlighted text inside a sentence.

You can highlight multiple words in one line.

Spoiler

Wrap text in double exclamation marks to hide it as a spoiler. Readers must interact to reveal it.

Markdown

The murderer was !!the butler!!.

Warning: !!This text is hidden until revealed!!.

Output

The murderer was the butler.

Warning: This text is hidden until revealed.

Text Alignment

Use ::: left, ::: center, ::: right, or ::: justify containers to align blocks of text.

Markdown

:::left
This text is left-aligned.
:::

:::center
This text is centered.
:::

:::right
This text is right-aligned.
:::

:::justify
This text is fully justified across the available width.
:::

Output

This text is left-aligned.

This text is centered.

This text is right-aligned.

This text is fully justified across the available width.

Emoji

Use GitHub-style shortcodes to insert emoji anywhere in your content.

Markdown

:smile: :rocket: :tada: :fire: :heart:

:thumbsup: Great work! :star: :sparkles:

:warning: Use emoji sparingly for best readability.

Output

😄 🚀 🎉 🔥 ❤️

👍 Great work! ⭐ ✨

⚠️ Use emoji sparingly for best readability.

Lazy-loaded Images

All images are automatically lazy-loaded (loading="lazy") to improve page performance. No special syntax needed.

Markdown

![Lazy loaded image](https://picsum.photos/seed/lazy/640/360)

![Another image](https://picsum.photos/seed/trickbd2/640/360)

Output

Lazy loaded image

Another image

Escaping Special Characters

Prefix a character with a backslash to render it literally instead of formatting it.

Markdown

\*This is not italic\*

\# This is not a heading

\[Not a link\]

Output

*This is not italic*

# This is not a heading

[Not a link]