Skip to content

Instantly share code, notes, and snippets.

@ayuthmang
Last active December 25, 2023 20:39
Show Gist options
  • Save ayuthmang/8c055bbd8e29dd2d8ac4000d5b10eb09 to your computer and use it in GitHub Desktop.
Save ayuthmang/8c055bbd8e29dd2d8ac4000d5b10eb09 to your computer and use it in GitHub Desktop.
Markdown ฉบับภาษาไทย

หัวเรื่อง (Headings)

# หัวเรื่อง 1
## หัวเรื่อง 2
### หัวเรื่อง 3
#### หัวเรื่อง 4
##### หัวเรื่อง 5
###### หัวเรื่อง 6

หัวเรื่อง 1

หัวเรื่อง 2

หัวเรื่อง 3

หัวเรื่อง 4

หัวเรื่อง 5
หัวเรื่อง 6

รูปแบบตัวอักษร

ตัวอักษรเอียง ==> *ตัวเอียง* หรือ _ตัวเอียง_

ตัวอักษรหนา ==> **ตัวหนา** หรือ __ตัวหนา__

หรือทั้งเอียงและหนา ==> **ตัวหนา _ตัวเอียง_**

หรือจะขีดฆ่าตัวเอง ==> ~~ขีดฆ่า~~

ตัวอักษรเอียง ==> ตัวเอียง หรือ ตัวเอียง

ตัวอักษรหนา ==> ตัวหนา หรือ ตัวหนา

หรือทั้งเอียงและหนา ==> ตัวหนา ตัวเอียง

หรือจะขีดฆ่าตัวเอง ==> ขีดฆ่า

ลิสต์ (List)

ลิสต์แบบเรียงลำดับ (Ordered List)

1. สวัสดี
2. ฉัน
3. ชื่อ
4. บุษบา
  1. สวัสดี
  2. ฉัน
  3. ชื่อ
  4. บุษบา

ลิสต์แบบไม่เรียงลำดับ (Unordered List)

* สวัสดี
* สวัสดี
* สวัสดี

ได้ทั้งสองแบบ

- สวัสดี
- สวัสดี
- สวัสดี
  • สวัสดี
  • สวัสดี
  • สวัสดี

ได้ทั้งสองแบบ

  • สวัสดี
  • สวัสดี
  • สวัสดี

หรือจะ list ซ้อน list ก็ได้ (Nested List)

1. สวัสดี
   - ฉันชื่อ
     - บุษบา
       1. ลาล่าล่าล๊า
       2. ลาล่าล่าล๊า
  1. สวัสดี
    • ฉันชื่อ
      • บุษบา
        1. ลาล่าล่าล๊า
        2. ลาล่าล่าล๊า

ใส่รูปภาพกันเถอะ

![Google ](https://www.google.co.th/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png)

Google

OR relative picture style

![GitHub Logo](images/logo.png)

ลิงค์ (Links)

Links

In line link style

[Links](http://www.google.com)

[In line link style](http://www.google.com "Go to Google's Homepage")

อ้างอิง (Quotes)

อ้างอิงธรรมดา

> ตัวอย่างการอ้างอิง
> นี่คือตัวอย่าง
> การอ้างอิง

ตัวอย่างการอ้างอิง นี่คือตัวอย่าง การอ้างอิง

อ้างอิงซ้อนอ้างอิง (Nested quote)

> อ้างอิง
> > ซ้อนอ้างอิง
> > > ซ้อนซ้อนอ้างอิง

อ้างอิง

ซ้อนอ้างอิง

ซ้อนซ้อนอ้างอิง

อ้างอิง Advanced

> ## อ้างอิง
> 
> 1. รายการที่ 1
> 2. รายการที่ 2
>    - รายการย่อย 1
>    - รายการย่อย 2
> ```js
> console.log("advanced md");
> ```

อ้างอิง

  1. รายการที่ 1
  2. รายการที่ 2
    • รายการย่อย 1
    • รายการย่อย 2

ตัวอย่างโค้ด

console.log("advanced md");

ตาราง (Tables)

| หัวเรื่องแรก | หัวเรื่องที่สอง |
| --------- | ---------- |
|   เนื้อหา   |    เนื้อหา   |
|   เนื้อหา   |    เนื้อหา   |

---

|หัวข้อ|หัวข้อ|
-|-
เนื้อหา|เนื้อหา

---

| หัวเรื่องแรก | หัวเรื่องที่สอง |  หัวเรื่องสาม |
| :-------- | :--------: | ---------: |
|   ชิดซ็าย   |   กึ่งกลาง   |    ชิดขวา   |
|   ชิดซ็าย   |   กึ่งกลาง   |    ชิดขวา   |
หัวเรื่องแรก หัวเรื่องที่สอง
เนื้อหา เนื้อหา
เนื้อหา เนื้อหา

หัวข้อ หัวข้อ
เนื้อหา เนื้อหา

หัวเรื่องแรก หัวเรื่องที่สอง หัวเรื่องสาม
ชิดซ็าย กึ่งกลาง  ชิดขวา
ชิดซ็าย กึ่งกลาง  ชิดขวา

การไฮไลท์โค้ดและวากยสัมพันธ์ (Code and Syntax Highlighting)

insert your `code` here

or insert your ```code``` here

```
code here
```

Javascript codeb lock

```js
// or custom highlight language
console.log("Hello")
```

Java code block

```java
System.out.println("Java highlight");
```

insert your code here

or insert your code here

code here

Javascript codeb lock

// or custom highlight language
console.log("Hello")

Java code block

System.out.println("Java highlight");

อื่น ๆ (Others)

คลิกเพื่อชยาย ส่วนนี้ถูกซ่อนอยู

เส้นแบ่ง, เส้นคั่น

โค้ด

---
---
---
---
---





@Srifah24
Copy link

Srifah24 commented Sep 4, 2021

แล้วถ้าจะทำให้รุปอยู่ตรงกลางล่ะคะ

@ayuthmang
Copy link
Author

ayuthmang commented Sep 4, 2021

แล้วถ้าจะทำให้รุปอยู่ตรงกลางล่ะคะ

@Srifah24สามารถใช้ html tag ได้ครับ

<p align="center">
  <img src="https://wallpapercave.com/wp/wp3082255.jpg" />
</p>

ref: https://stackoverflow.com/questions/12090472/how-do-i-center-an-image-in-the-readme-md-file-on-github

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment