Heading (H2)

Subheading (H3)

Regular text. Bold, Italic, Strikethrough

Images

Method 1: Local Image

Place image file in the post folder:

![Image description](image.jpg)

Method 2: External Image URL

![Image description](https://example.com/image.jpg)

Method 3: HTML Tag (with size control)

<img src="image.jpg" alt="Image description" width="500" />

Carousel Images (Slideshow)

16:9

21:9

Code Blocks

Inline Code

Use inline code format

Code Blocks

package main

import "fmt"

func main() {
    fmt.Println("Hello, World!")
}

def hello():
    print("Hello, World!")

docker run -d -p 8080:80 nginx

Links

Basic Link

Link text

Reference Style Link

Link text

Article Reference

Lists

Unordered List

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

Ordered List

1. First
2. Second
3. Third

Checklist

• Todo 1
• Completed
• Todo 2

Blockquote

This is a blockquote. Multiple lines are supported.

Table

Embedded Links (Shortcodes)

YouTube Video

{{< youtube VIDEO_ID >}}

Twitter/X

{{< twitter user=“username” id=“tweet_id” >}}

GitHub Gist

{{< gist username gist_id >}}

Alert Boxes (Blowfish Alert)

{{< alert “circle-info” >}} Information alert. {{< /alert >}}

{{< alert “lightbulb” >}} Tips and ideas. {{< /alert >}}

{{< alert “triangle-exclamation” >}} Warning message. {{< /alert >}}

Collapsible (Details)

Comments

Horizontal Rule

Use to create dividing lines:

Footnotes

You can add footnotes¹ to text.

Chart

Mermaid Diagram

graph LR;
A[Lemons]-->B[Lemonade];
B-->C[Profit]

Swatches (color showcase)

TypeIt

(Ex1)

(Ex2)

(Ex3)

Youtube Lite

Writing Tips:

• Change draft: true to false in front matter to publish
• Writing description and summary helps with SEO
• It’s recommended to place images in the post folder