หากคุณใช้เครือข่ายสังคมออนไลน์หรือฟอรัมอภิปรายบ่อย โอกาสคือคุณเคยเห็นหรือใช้ Markdown โดยไม่รู้ว่า Markdown คืออะไร
สำหรับหลายคนบนเว็บ HTML เป็นภาษาเขียนโค้ดแรกและพื้นฐานที่สุดที่เรียนรู้ แต่ Markdown เรียบง่ายกว่านั้นอีก มันเรียบง่ายจนคอร์สเรียนรู้ไม่ค่อยมี คุณเรียนรู้ได้ในไม่กี่นาที
ในบทความนี้ มาดูพื้นฐานของ Markdown คืออะไร และทุกอย่างที่ควรรู้เกี่ยวกับภาษา Markup ที่ได้รับความนิยมและเบาเวทที่สุดบนเว็บ
Markdown คืออะไร?
เป็นชื่อ Markdown เป็นการเล่นคำกับคำว่า "Markup" Markup ถูกนิยามว่า "กระบวนการหรือผลลัพธ์ของการแก้ไขข้อความเพื่อการพิมพ์" ซึ่งอธิบายได้แม่นยำว่า ภาษาโปรแกรมมิ่งโต้ตอบกับ Interpreter และ Rendering Engine เพื่อแสดงข้อความให้เราที่瀏覽อินเทอร์เน็ต
HTML ย่อมาจาก "Hypertext Markup Language" และ Markdown จึงเป็นวิธีเขียนโค้ด HTML ให้ง่ายขึ้น แม้จะมีความทนทานน้อยกว่า
Markdown ถูกสร้างในปี 2004 โดย John Gruber และ Aaron Swartz ซึ่งต้องการให้ผู้คน "เขียนได้ด้วยรูปแบบข้อความธรรมดาที่อ่านง่ายและเขียนง่าย และแปลงเป็น XHTML (หรือ HTML) ที่ถูกต้องโครงสร้างได้"
เป้าหมายหลักของ Markdown คือให้อ่านง่ายกว่าตัวเลือกอื่นๆ ทำให้การเขียน Markdown และการอ่านโค้ด Markdown แบบ Plain Text เรียบง่ายมาก
เว็บไซต์ไหนใช้ Markdown?
เนื่องจาก Markdown เป็นแค่วิธีเขียน HTML ที่ง่ายกว่า คุณจะไม่เห็นเว็บไซต์เครดิตตัวเองว่า "เขียนด้วย Markdown" แต่คุณจะพบเว็บไซต์หลายแห่งที่อนุญาตให้ผู้ใช้มีส่วนร่วมหรือโพสต์ด้วยวิธีที่ยอมรับ Markdown
ตัวอย่างคือ GitHub ในไฟล์ README.md ที่สร้างล่วงหน้าของแต่ละ Repository ของ GitHub ยอมรับ Markdown ตามที่นี้บ่งชี้ MD คือนามสกุลไฟล์สำหรับไฟล์ที่เขียนด้วยโค้ด Markdown
Reddit และ Stack Exchange ใช้ Markdown เป็นวิธีให้ผู้ใช้จัดระเบียบโพสต์และแสดงออกได้ดีขึ้น เว็บ Stack Exchange อย่าง Stack Overflow จะไม่เหมือนเดิมถ้าไม่มี Markdown แปลง Plain Text เป็นโค้ดสนิปเพทที่อ่านง่ายและจัดรูปแบบ
วิธีใช้ Markdown
ภาพตัวอย่างข้างบนแสดงตัวอย่างการจัดรูปแบบ Markdown สำหรับสร้างโพสต์ข้อความ Reddit ใหม่ แม้จะครอบคลุมพื้นฐานของ Markdown บางตัวอย่างทั่วไปไม่ได้รวมไว้ มาดูสิ่งเหล่านั้น
Headers (หัวข้อ)
ใน Markdown คุณสร้าง Header ได้โดยพิมพ์ # (เครื่องหมายหมายเลข/ปอนด์) ก่อนข้อความ จำนวนเครื่องหมาย # ที่ใช้จะปรับขนาดระดับของ Header ตัวอย่าง # จะเป็นหัวใหญ่สุด และ ### จะแสดง Subheading ขนาดเล็กกว่า
ใน HTML พวกมันแปลงเป็นแท็ก <h> # คือ <h1> และ ### คือ <h3> ตัวอย่าง
Images (รูปภาพ)
คล้ายกับลิงก์ รูปภาพใน Markdown สร้างโดยห่อข้อความ Alt Text ในวงเล็บเหลี่ยม และ URL ในวงเล็บโค้ง ตัวอย่าง:
[Help Desk Geek Logo](https://helpdeskgeek.com/wp-content/themes/hdg/images/hdg-banner.png)
Inline Code
เริ่มบรรทัดด้วย Space 4 ช่อง จะสร้าง Code Block แต่สำหรับ Inline Code คุณเพียงห่อข้อความใน Backticks ตัวอย่าง:
`int main(){printf ("Hi World\n");return 0;}`
Markdown Text Editors
หากคุณสนใจเชี่ยวชาญ Markdown การหา support ในรูป Text Editor เดสก์ท็อปเป็นจุดเริ่มที่ดี แต่เนื่องจาก Markdown เรนเดอร์สดในเบราว์เซอร์ได้ และไม่ต้องการการโต้ตอบฝั่งเซิร์ฟเวอร์ซับซ้อน จึงมี Markdown Editor ออนไลน์ด้วย
Standalone Markdown Editors
หนึ่งใน Markdown Editor สแตนด์อโลนที่ดีที่สุด (และ Text Editor ทั่วไป) สำหรับ Windows, macOS, และ Linux คือ Sublime Text
คุณแค่ต้องเปิดไฟล์ MD หรือตั้งค่า Syntax Highlighting เป็น Markdown โดยคลิก Plain Text ด้านขวาของแถบสถานะ
อีกสองตัวแก้ Markdown ฟรีที่ดีคือ Typora (Mac) และ Remarkable (Linux)
Web-based Markdown Editors
Markdown Editor บนเว็บโดยทั่วไปมีฟีเจอร์มากกว่า จึงแนะนำอย่างแรง
ตัวอย่าง StackEdit ให้อินเทอร์เฟซไร้สิ่งรบกวน 2 แผ่น: หนึ่งสำหรับโค้ด Markdown อีกอันสำหรับ Preview แบบไดนามิกแบบเรียลไทม์ของข้อความของคุณ
หากคุณใหม่กับ StackEdit คุณแค่คลิก Start Writing และจะถูกนำไปที่ Editor บนเว็บ ซึ่งมาพร้อมโค้ด Markdown ตัวอย่างและคำแนะนำ
ถ้า StackEdit ไม่มีสิ่งที่คุณหา ลอง Dillinger หรือ Editor.md
Markdown อยู่ทุกที่บนเว็บ และหากคุณใหม่กับอินเทอร์เน็ต มันอาจจะเป็น "ภาษาเขียนโค้ด" แบบไม่เป็นทางการแรกที่คุณเรียนรู้ใช้ มันมีประโยชน์มาก และเพิ่มประสิทธิภาพการสื่อสารออนไลน์ผ่านข้อความ หวังว่าบทความนี้ช่วยให้คุณรู้จัก Markdown มากขึ้น!
