รูปแบบ Markdown

คู่มือรูปแบบ Markdown (ข้อมูลอ้างอิงและตัวอย่าง)

ใช้คู่มือนี้จัดรูปแบบเนื้อหาในแผนภูมิข้อความของคุณ ProcessMind รองรับพื้นฐานของCommonMarkและส่วนขยาย**GitHub-Flavored Markdown (GFM)**ที่นิยมใช้ เช่น ตาราง รายการงาน และข้อความขีดฆ่า.

หัวข้อ

ใส่#ถึง######ไว้ต้นบรรทัด:

# H1
##  H2
###  H3
####  H4
#####  H5
######  H6

ย่อหน้าและการขึ้นบรรทัดใหม่

คั่นแต่ละย่อหน้าด้วยบรรทัดว่าง.

ขึ้นบรรทัดใหม่ในย่อหน้าเดียวกัน: เว้นท้ายบรรทัดด้วยช่องว่างสองช่องหรือใช้<br>.

First line with a soft break··
continues on the next line.

New paragraph after a blank line.

การเน้นข้อความ (ตัวเอียง ตัวหนา ขีดฆ่า)

*italic* or _italic_
**bold** or __bold__
***bold italic***
~~strikethrough~~   <!-- GFM -->

รายการ (สัญลักษณ์ ตัวเลข และรายการซ้อน)

รายการแบบสัญลักษณ์: -, + หรือ * รายการแบบตัวเลข: 1. 2. เป็นต้น.

- Item A
- Item B
  - Nested item B1
  - Nested item B2

1. Step one
2. Step two
   1. Sub-step
   2. Sub-step

เคล็ดลับ: เว้นระยะเยื้องให้สม่ำเสมอ (2–4 ช่องว่าง) สำหรับรายการซ้อน.

ลิงก์

ลิงก์ในบรรทัดและลิงก์แบบอ้างอิง:

Inline: [ProcessMind](https://processmind.com)
With title: [Site](https://example.com "Optional title")

Reference: [Docs][docs-link]

[docs-link]: https://example.com/docs

รูปภาพ

ข้อความ Alt สำคัญต่อการช่วยให้ทุกคนเข้าถึงเนื้อหาได้.

![Alt text describing the image](https://example.com/image.png "Optional title")

รูปภาพแบบอ้างอิง:

![Logo][logo]

[logo]: https://example.com/logo.png

ข้อความอ้างอิง

ใส่>ไว้ต้นบรรทัด หากต้องการซ้อนข้อความอ้างอิง ให้ใส่>หลายตัว.

> A single-line quote.
>
> Multi-paragraph quote:
>
> > Nested quote level 2.

โค้ด (ในบรรทัดและแบบบล็อก)

ครอบโค้ดในบรรทัดด้วย backtick หนึ่งตัว: code

ใช้ backtick สามตัวครอบบล็อกโค้ด หากต้องการไฮไลต์ไวยากรณ์ ให้ระบุภาษาของโค้ด:

```code
[your code]
```

Here's `inline code`.

หากเนื้อหามี backtick สามตัว ให้ใช้ backtick สี่ตัวครอบบล็อก.

เส้นคั่นแนวนอน

ใส่เครื่องหมาย ---, *** หรือ ___ อย่างน้อยสามตัวในบรรทัดเดียว:

---

ตาราง

ใช้เครื่องหมายไปป์ | และตัวคั่นหัวตาราง --- เครื่องหมายโคลอน (:) ใช้กำหนดการจัดแนว.

| Column        | Type    | Notes              |
|:--------------|:-------:| :------------------|
| Name          | String  | Left-aligned       |
| Score         | Number  | Left-aligned       |
| Description   | String  | Left-aligned       |

คอลัมน์	ประเภท	หมายเหตุ
ชื่อ	ข้อความ	จัดชิดซ้าย
คะแนน	ตัวเลข	จัดชิดซ้าย
คำอธิบาย	ข้อความ	จัดชิดซ้าย

การเว้นบรรทัดว่างก่อนตารางช่วยให้ตัวแยกวิเคราะห์บางตัวแสดงผลได้ถูกต้อง.

รายการงาน

ใช้ - [ ] และ - [x].

- [x] Design schema
- [ ] Implement API
- [ ] Write tests

• ออกแบบสคีมา
• พัฒนา API
• เขียนการทดสอบ

การ escape อักขระพิเศษ

ใส่แบ็กสแลช \ ไว้ข้างหน้า เพื่อแสดงอักขระตามตัวอักษร.

\*Not italic\*, show the asterisks literally.
Use a backslash for \#, \[, \], \(, \), \_, \*, \`, \|, \>

ลิงก์และรูปภาพแบบอ้างอิง

รวบรวมรายการอ้างอิงไว้ด้านล่าง เพื่อให้เนื้อหาอ่านง่ายขึ้น.

Read the [Guide][g].
See the ![Badge][b].

[g]: https://example.com/guide
[b]: https://example.com/badge.svg

ลิงก์อัตโนมัติและอีเมล

URL ที่เขียนตรง ๆ มักกลายเป็นลิงก์อัตโนมัติ หากใส่วงเล็บมุม ระบบจะสร้างลิงก์ให้แน่นอน.

https://example.com
<mailto:hello@example.com>

HTML แบบอินไลน์ (ไม่บังคับ)

ตัวแสดงผลส่วนใหญ่รองรับ HTML แบบอินไลน์ที่ปลอดภัย เมื่อ Markdown ไม่เพียงพอ.

<strong>Bold</strong> and <em>italic</em> with HTML.
<br>
<span style="font-variant:small-caps">Small caps</span>

หมายเหตุ: ไม่รองรับแท็ก HTML ทุกชนิด ด้วยเหตุผลด้านความปลอดภัยและความเข้ากันได้.

ข้อผิดพลาดที่พบบ่อย

• การขึ้นบรรทัดใหม่: เว้นวรรคต่อท้าย 2 ช่อง หรือใช้ <br>.
• การซ้อนรายการ: เยื้องรายการย่อยให้สม่ำเสมอ (2–4 ช่องว่าง).
• บล็อกโค้ด: ระบุภาษาหลังแบ็กทิกเปิด เพื่อให้ระบบเน้นไวยากรณ์.
• ตาราง: เว้นบรรทัดว่างก่อนตาราง.
• รูปภาพ: ใส่ข้อความ alt ที่อธิบายรูปภาพเสมอ.
• การใช้แท็บและช่องว่างปนกัน: ใช้ช่องว่างเพื่อให้แสดงผลได้สม่ำเสมอ.

แม่แบบเริ่มต้น

คัดลอกแล้วปรับใช้:

### Title of TextChart

Short intro paragraph that explains the context.

Value of the metric ${metric} is measured.

![image](https://processmind.com/logo.webp)

Visit us at: https://processmind.com

#### Key Points
- Point A
- Point B
- Point C

หัวข้อที่เกี่ยวข้อง

• Metrics: ใช้เมตริกและนิพจน์ในแผนภูมิข้อความ.
• นิพจน์ในแดชบอร์ด: สร้างเนื้อหาแบบไดนามิกด้วยนิพจน์.