มาหัดเขียน Markdown กันเถอะ

Markdown มันคือภาษา ๆ หนึ่งนั่นแหละที่คนสร้างสร้างขึ้นเพื่อให้มนุษย์สามารถอ่านได้เข้าใจง่าย ๆ และด้วยความง่ายนี้มันก็สามารถแปลงกลับมาเป็นภาษาอื่น ๆ ได้ง่ายด้วยกันเช่น HTML, XHTML และด้วยความง่ายเช่นนี้จึงมีเจ้าอื่นนำไป Customize ให้เป็นของตัวเองเช่น github ก็อาจจะเพิ่มพวก feature เข้าไปเช่น task list, mention และอื่น ๆ แต่ที่เราจะมาลองดูกันในบล็อกนี้ก็คือ Basic Markdown ซึ่งถ้าเรารู้พื้นฐานของมันแล้วเราจะสามารถใช้ได้คล่องทีเดียวเลยละ

แต่ HTML ไม่ใช่ภาษาโปรแกรมนะอย่าเข้าใจผิดและ Markdown ด้วยเพราะมันเป็นแค่ Markup Language กล่าวคือมันไม่สามารถทำอะไรเกี่ยวกับ Logic, ไม่สามารถแตก task งานออกมาทำอะไรอย่างอื่นได้ มันทำได้แค่ “แสดงผล” เท่านั้นเอง

HTML VS Markdown

ตัวอย่างภาษา HTML จะมีรูปร่างหน้าตาแบบนี้

<h1> Hello </h1>
<h2> Hi </h2>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ul>

แต่ Markdow จะมีหน้าตาแบบนี้

# Hello
## Hi
* Apple
* Banana
* Orange
Markdown rendered with VSCode

น่าจะพอเห็นความต่างกันบ้างแล้วนะครับ ซึ่ง Markdown เมื่อแปลงกลับมาก็จะหน้าตาเหมือน HTML เด๊ะ ๆ เลย

มาเขียน Markdown กันเถอะ

ผมร่ายมาข้างบนทุกท่านก็น่าจะเห็นความง่ายของมันแล้วนะครับ ที่เหลือเราก็แค่มาลองใช้งานจริงกัน โดยจะมีสิ่งที่เราต้องใช้คือ

  1. Visual Studio Code

เขียน Markdown ใน VS Code

  1. เปิด VS Code และสร้างไฟล์ขึ้นมา
  2. เซฟไฟล์ชื่อ learn-md.md หรืออะไรก็ได้แต่ extension ต้องลงท้ายด้วย .md
  3. กดปุ่ม Open Preview to the Side

มันก็จะได้หน้าตาแบบนี้

อยากเรียนรู้เพิ่ม ?

ผมได้ทำ Markdown ฉบับภาษาไทยไว้ลองดูข้างล่างเลยครับ

Markdown ฉบับภาษาไทย

ตัวอย่างการใช้งานจริง

เมื่อโลกยุคนี้เป็น Open Source แล้ว ก็เอาที่ใกล้ ๆ ตัวตัวอย่างเช่น การเขียน introduction page ใน github (หน้าที่เห็นข้างล่างนี่มาจากการ Rendered Markdown ของ Github แล้วนะครับ)

https://github.com/Microsoft/vscode

ซึ่งถ้าหากเราสนใจจะดูว่าเค้าเขียนกันยังไง (ก่อนที่มันจะ render ออกมารูปร่างหน้าตาสวย ๆ แบบนี้ก็สามารถดูได้โดยการเข้าไปที่ไฟล์ readme.md แล้วกดไปที่ Raw

ก็จะเห็นได้ว่ามันก็คือ Markdown ดี ๆ นี่แหละ


One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.