Complete Markdown Guide
This post demonstrates all the common Markdown features you can use in your blog posts.
Headings
You can use headings from H1 to H6:
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Text Formatting
You can make text bold, italic, or bold and italic.
You can also use strikethrough text.
Links and Images
Create inline links or reference-style links.
Images work similarly:
Lists
Unordered Lists
- Item one
- Item two
- Nested item
- Another nested item
- Item three
Ordered Lists
- First item
- Second item
- Third item
- Nested ordered item
- Another nested item
Task Lists
- Completed task
- Incomplete task
- Another task to do
Code
Inline code looks like this.
Code blocks with syntax highlighting:
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('World'));
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))
Blockquotes
This is a blockquote. It can span multiple lines.
And even be nested!
Horizontal Rules
You can create horizontal rules with three or more hyphens, asterisks, or underscores:
Tables
| Feature | Markdown | MDX |
|---|---|---|
| Simple syntax | β | β |
| Components | β | β |
| Fast | β | β |
| Interactive | β | β |
HTML
You can also use HTML directly in Markdown:
Custom HTML Block
Markdown allows you to mix in HTML when you need more control over styling or structure.
Footnotes
Hereβs a sentence with a footnote1.
Emoji
You can use emoji in your markdown! π β¨ π
Conclusion
This covers most of the Markdown syntax youβll need for writing blog posts. Experiment with these features to create engaging content!
Footnotes
-
This is the footnote content. β©