หากคุณใช้เครือข่ายสังคมออนไลน์หรือกระดานสนทนาเป็นประจำ เป็นไปได้ว่าคุณเคยเห็นหรือใช้ Markdown โดยไม่รู้ว่า Markdown คืออะไร

สำหรับหลายๆ คนบนเว็บอยู่แล้ว HTML เป็นภาษาเขียนโค้ดภาษาแรกและขั้นพื้นฐานที่สุดที่พวกเขาเรียนรู้ อย่างไรก็ตาม Markdown นั้นง่ายกว่า อันที่จริง มันง่ายมากที่หลักสูตรนั้นไม่มีอยู่จริง คุณสามารถเรียนรู้ได้ในเวลาไม่กี่นาที

ในบทความนี้ มาดูข้อมูลเบื้องต้นเกี่ยวกับ Markdown และทุกสิ่งที่คุณควรรู้เกี่ยวกับภาษามาร์กอัปยอดนิยมและเป็นที่นิยมมากที่สุดแห่งหนึ่งของเว็บ

Markdown คืออะไร

ตามชื่อ Markdown คือการเล่นคำว่า "มาร์กอัป" มาร์กอัปถูกกำหนดให้เป็น "กระบวนการหรือผลลัพธ์ของการแก้ไขข้อความเพื่อเตรียมการพิมพ์" ซึ่งเป็นคำอธิบายที่ถูกต้องว่าภาษาโปรแกรมโต้ตอบกับล่ามและเครื่องมือแสดงผลเพื่อแสดงข้อความสำหรับพวกเราที่ท่องอินเทอร์เน็ตอย่างไร

HTML ย่อมาจาก “Hypertext Markup ภาษา” และ Markdown จึงเป็นวิธีการเขียนโค้ด HTML ที่ง่ายกว่า แม้ว่าจะเป็นวิธีที่มีประสิทธิภาพน้อยกว่า

Markdown สร้างขึ้นในปี 2547 โดย John Gruber และ Aaron Swartz ซึ่งต้องการให้ผู้คน "เขียนโดยใช้รูปแบบข้อความธรรมดาที่อ่านง่ายและเขียนง่าย โดยเลือกที่จะแปลงเป็น XHTML ที่มีโครงสร้างที่ถูกต้อง (หรือ HTML)"

เป้าหมายหลักของ Markdown คือการช่วยให้อ่านง่ายขึ้นเมื่อเทียบกับทางเลือกอื่น ทำให้การเขียน Markdown และการอ่านโค้ด Markdown แบบข้อความธรรมดาทำได้ง่ายมาก

ไซต์ใดใช้ Markdown

เนื่องจาก Markdown เป็นเพียงวิธีการเขียน HTML ที่ง่ายกว่า คุณจะไม่เห็นเว็บไซต์ที่ให้เครดิตตัวเองว่า "เขียนด้วย Markdown" อย่างไรก็ตาม คุณจะพบเว็บไซต์มากมายที่อนุญาตให้ผู้ใช้มีส่วนร่วมหรือโพสต์ในลักษณะที่ยอมรับ Markdown

ตัวอย่างหนึ่งคือ GitHub ในไฟล์ README.md ที่สร้างไว้ล่วงหน้าของที่เก็บ GitHub แต่ละที่เก็บ Markdown จะได้รับการยอมรับ ตามที่แนะนำ MD คือส่วนขยายที่ใช้สำหรับไฟล์ที่เขียนโดยใช้โค้ด Markdown

Reddit และ Stack Exchange ยังใช้ Markdown เพื่อให้ผู้ใช้จัดระเบียบโพสต์และแสดงออกได้ดีขึ้น ไซต์ Stack Exchange เช่น Stack Overflow จะไม่เหมือนเดิมหากไม่มี Markdown ในการแปลงข้อความธรรมดาเป็นส่วนย่อยของโค้ดที่อ่านได้และจัดรูปแบบ

วิธีใช้มาร์กดาวน์

ภาพตัวอย่างด้านบนแสดงตัวอย่างการจัดรูปแบบ Markdown สำหรับการสร้างโพสต์ข้อความ Reddit ใหม่ แม้ว่าจะกล่าวถึงพื้นฐานของ Markdown แต่ก็ยังไม่ได้รวมตัวอย่างทั่วไปบางส่วนไว้ ไปดูกันเลย

ส่วนหัว

ใน Markdown คุณสามารถสร้างส่วนหัวได้โดยพิมพ์ # (เครื่องหมายตัวเลข/ปอนด์) ก่อนข้อความของคุณ จำนวนเครื่องหมายตัวเลข/ปอนด์ที่คุณใช้จะลดระดับของส่วนหัวลง ตัวอย่างเช่น # จะเป็นหัวเรื่องที่ใหญ่ที่สุดและ ### จะแสดงหัวเรื่องย่อยที่เล็กลง

ใน HTML สิ่งเหล่านี้จะถูกแปลงเป็นแท็ก # คือ

และ ### คือ

เป็นต้น

รูปภาพ

เช่นเดียวกับลิงก์ รูปภาพใน Markdown ถูกสร้างขึ้นโดยการใส่ข้อความแสดงแทนในวงเล็บเหลี่ยมและใส่ URL ในวงเล็บ นี่คือตัวอย่าง:

[โลโก้ Help Desk Geek](https://helpdeskgeek.com/wp-content/themes/hdg/images/hdg-banner.png)

โค้ดอินไลน์

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

`int main(){printf (“สวัสดีชาวโลก\n”);return 0;}`

โปรแกรมแก้ไขข้อความ Markdown

หากคุณสนใจที่จะเชี่ยวชาญ Markdown การค้นหาการสนับสนุนในรูปแบบของโปรแกรมแก้ไขข้อความบนเดสก์ท็อปถือเป็นการเริ่มต้นที่ดี อย่างไรก็ตาม เนื่องจาก Markdown สามารถแสดงผลได้จริงในเบราว์เซอร์และไม่ต้องการการโต้ตอบฝั่งเซิร์ฟเวอร์ที่ซับซ้อน จึงมีตัวแก้ไข Markdown ออนไลน์ด้วย

ตัวแก้ไข Markdown แบบสแตนด์อโลน

หนึ่งในเครื่องมือแก้ไข Markdown แบบสแตนด์อโลนที่ดีที่สุด (และเครื่องมือแก้ไขข้อความโดยรวม) สำหรับ Windows, macOS และ Linux คือ Sublime Text

สิ่งที่คุณต้องทำเพื่อเปิดใช้งานการเน้นไวยากรณ์ Markdown คือโหลดไฟล์ MD หรือตั้งค่าการเน้นไวยากรณ์เป็น Markdown โดยคลิกที่ ข้อความธรรมดา ที่ด้านขวาของแถบสถานะ

เครื่องมือแก้ไข Markdown ที่ยอดเยี่ยมอีกสองตัวคือ Typora (Mac) และ Remarkable (Linux)

ตัวแก้ไข Markdown บนเว็บ

โดยทั่วไปแล้ว โปรแกรมแก้ไข Markdown ทางเว็บจะมีคุณลักษณะที่หลากหลายมากกว่า ดังนั้นเราจึงขอแนะนำอย่างยิ่ง

ตัวอย่างเช่น StackEdit จัดเตรียมอินเทอร์เฟซที่ปราศจากสิ่งรบกวนด้วยสองบานหน้าต่าง:บานหนึ่งสำหรับโค้ด Markdown ของคุณและอีกบานสำหรับการแสดงตัวอย่างข้อความของคุณแบบไดนามิก

หากคุณเพิ่งเริ่มใช้ StackEdit สิ่งที่คุณต้องทำคือคลิก เริ่มเขียน และคุณจะถูกนำไปที่ตัวแก้ไขบนเว็บซึ่งมีตัวอย่างโค้ด Markdown และคำแนะนำไว้ล่วงหน้า

หาก StackEdit ไม่มีสิ่งที่คุณกำลังมองหา ลองดู Dillinger หรือ Editor.md

Markdown มีอยู่ทุกหนทุกแห่งในเว็บ และหากคุณเพิ่งเริ่มใช้อินเทอร์เน็ต อาจเป็น "ภาษาเขียนโค้ด" ที่ไม่เป็นทางการภาษาแรกที่คุณเรียนรู้ที่จะใช้งาน มีประโยชน์มากและปรับปรุงวิธีที่เราสื่อสารออนไลน์ผ่านข้อความ เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้เพิ่มเติมเกี่ยวกับเรื่องนี้ได้