---

title: "MDX Feature Test" description: "ทดสอบการแสดงผลของ MDX" date: "2026-07-21" tags:

• mdx
• test
• markdown

---

MDX Feature Test

ยินดีต้อนรับสู่ MDX

MDX คือ Markdown ที่สามารถใช้ Component ของ React ได้

---

Heading

H1

H2

H3

H4

---

Text Formatting

ข้อความธรรมดา

ตัวหนา

ตัวเอียง

หนาและเอียง

ขีดฆ่า

Inline Code

---

List

Bullet

• Apple
• Banana
• Orange

Number

1. First
2. Second
3. Third

Nested

• Fruit
  • Apple
  • Banana
• Drink
  • Coffee
  • Tea

---

Checklist

• Finished
• Todo

---

Blockquote

นี่คือ Blockquote

สามารถขึ้นหลายบรรทัดได้

---

Table

Name	Age	Country
Ali	25	Thailand
Omar	30	Malaysia
Ahmad	28	Indonesia

---

Link

Google

---

Image

---

Horizontal Line

---

Code

function hello(name) {
  return `Hello ${name}`;
}

console.log(hello("World"));

public class Program
{
    public static void Main()
    {
        Console.WriteLine("Hello MDX");
    }
}

SELECT *
FROM Users
WHERE Active = 1;

---

Emoji

😀 😍 🚀 🎉

---

Math (ถ้ารองรับ)

$$ E = mc^2 $$

Inline: $a+b=c$

---

HTML

---

React Component

นี่คือ Component ของ React

Click Me

---

Callout

Info

MDX สามารถใช้ Markdown และ React Component ร่วมกันได้

---

Mermaid (ถ้ารองรับ)

graph TD
A[Start] --> B{Condition}
B -->|Yes| C[Success]
B -->|No| D[Failed]

---

Footnote

นี่คือข้อความที่มี Footnote¹

---

Keyboard

กด Ctrl + S

---

Task Example

Deploy Website

1. เขียนบทความ
2. Commit Git
3. Push GitHub
4. Deploy

---

Quote

"Knowledge without action is wasted."

---

End

ขอบคุณที่ทดสอบ MDX 🎉

Footnotes

1. ตัวอย่าง Footnote ↩