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

#

Previous Next

21:9

Previous Next

#

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