📅 2025/12/20 ⏱️ 8 min read

Markdown Syntax Guide

#markdown#tutorial#demo

Markdown Syntax Guide

This page demonstrates the standard Markdown syntax supported in itzpapa blog. Each section shows both the syntax and the rendered output side by side.

Headings

Syntax

# 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

---

Paragraphs and Line Breaks

Syntax

This is the first paragraph.
A line break within the same paragraph continues on the next line.

An empty line creates a new paragraph.
Paragraphs have more spacing between them.

Output

This is the first paragraph.
A line break within the same paragraph continues on the next line.

An empty line creates a new paragraph.
Paragraphs have more spacing between them.

---

Text Emphasis

Syntax

**Bold text**
*Italic text*
***Bold and italic***
~~Strikethrough~~

Output

Bold text
Italic text
Bold and italic
Strikethrough

In this blog, bold and italic have custom styles that override the browser defaults. Bold text appears with enhanced weight, and italic text has distinctive styling for better readability.

---

Lists

Unordered Lists

Syntax

- Item 1
- Item 2
  - Sub-item 2.1
  - Sub-item 2.2
- Item 3

Output

• Item 1
• Item 2
  • Sub-item 2.1
  • Sub-item 2.2
• Item 3

Ordered Lists

Syntax

1. First item
2. Second item
   1. Sub-item 2.1
   2. Sub-item 2.2
3. Third item

Output

1. First item
2. Second item
   1. Sub-item 2.1
   2. Sub-item 2.2
3. Third item

Task Lists

Syntax

- [x] Completed task
- [ ] Incomplete task
- [ ] Another task

Output

• Completed task
• Incomplete task
• Another task

---

Links

Syntax

[External link](https://example.com)
[Link with title](https://example.com "Example Site")
<https://example.com>
[Internal link](/blog/)

Output

External link
Link with title
https://example.com
Internal link

---

Blockquotes

Syntax

> This is a blockquote.
> It can span multiple lines.
>
> You can also separate paragraphs.

> Nested quote
>> Double nested
>>> Triple nested

Output

This is a blockquote.
It can span multiple lines.

You can also separate paragraphs.

Nested quote

Double nested

Triple nested

---

Horizontal Rules

Syntax

---
***
___

Output

---

---

---

Code

Inline Code

Syntax

Use backticks to create `console.log("Hello")` inline code.

Output

Use backticks to create console.log("Hello") inline code.

Code Block (No Language)

Syntax

```
function hello() {
  return "Hello, World!";
}
```

Output

function hello() {
  return "Hello, World!";
}

Code Block (Syntax Highlighting)

Syntax

```javascript
function greet(name) {
  console.log(`Hello, ${name}!`);
}
```

Output

function greet(name) {
  console.log(`Hello, ${name}!`);
}

TypeScript

interface User {
  name: string;
  age: number;
}

const user: User = {
  name: "John Doe",
  age: 30
};

Python

def greet(name: str) -> str:
    return f"Hello, {name}!"

print(greet("World"))

---

Tables

Basic Table

Syntax

| Header 1  | Header 2  | Header 3  |
|-----------|-----------|-----------|
| Cell 1-1  | Cell 1-2  | Cell 1-3  |
| Cell 2-1  | Cell 2-2  | Cell 2-3  |

Output

Column Alignment

Syntax

| Left      | Center    | Right     |
|:----------|:---------:|----------:|
| Left      | Center    | Right     |
| Text      | Text      | Text      |

Output

---

Images

Basic Image Embedding

Syntax

![Sample image](./sample-image.jpg)

Output

Image with Alt Text

Alt text is displayed when the image cannot be loaded and is read by screen readers for accessibility.

![itzpapa sample image - Blog demo](./sample-image.jpg)

---

Summary

This page covered the standard Markdown syntax available in itzpapa blog. By combining these elements, you can create well-structured and readable content.

For Obsidian-specific syntax (WikiLinks, highlights, Callouts), see the Obsidian Syntax Guide.