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

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

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

Markdown คืออะไร?^{(What Is Markdown?)}

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

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

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

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

เว็บไซต์ใดใช้ Markdown^{(What Sites Use Markdown?)}

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

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

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

วิธีใช้ Markdown

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

ส่วนหัว

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

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

รูปภาพ

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

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

รหัสอินไลน์

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

*int main(){printf (“สวัสดีชาวโลก”) คืนค่า 0;}*

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

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

บรรณาธิการ Markdown แบบสแตนด์อโลน

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

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

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

บรรณาธิการ Markdown บนเว็บ

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

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

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

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

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

HDG Explains: What Is Markdown And What Are The Basics I Should Know?

If you regularly use online social networks or discussion forums, chances are that you’ve ѕeen or used Markdоwn without even knоwing what Markdown is.

For many already on the web, HTML was the first and most elementary coding language they learned. However, Markdown is even simpler. In fact, it’s so simple that courses for it don’t exactly exist. You can learn it in a matter of just minutes.

In this article, let’s go over the basics of what Markdown is and everything you should know about one of the web’s most popular and lightweight markup languages.

What Is Markdown?

As a name, Markdown is a play on the term “markup.” Markup is defined as “the process or result of correcting text in preparation for printing” which is an accurate description of how programming languages interact with interpreters and rendering engines to display text for those of us browsing the internet.

HTML stands for “Hypertext Markup Language,” and Markdown is therefore a way of more easily writing HTML code, although in a less robust way.

Markdown was created in 2004 by John Gruber and Aaron Swartz, who wanted to allow people “to write using an easy-to-read and easy-to-write plain text format, optionally convert it to structurally valid XHTML (or HTML).”

One of the core goals of Markdown was to allow for easier readability when compared to its alternatives. This makes writing Markdown and reading plain text Markdown code very simple.

What Sites Use Markdown?

Since Markdown is just a simpler way of writing HTML, you won’t see websites crediting themselves as being “written in Markdown”. However, you will find many websites that allow users to contribute or post in ways that accept Markdown.

One example is GitHub. In the pre-generated README.md file of each GitHub repository, Markdown is accepted. As this suggests, MD is the extension used for files that are written using Markdown code.

Reddit and Stack Exchange also utilize Markdown as a way for their users to better organize posts and express themselves. Stack Exchange sites such as Stack Overflow would not be the same without Markdown to convert plain text to readable, formatted code snippets.

How To Use Markdown

The example image above shows Markdown formatting examples for creating a new Reddit text post. While it does go over the basics of Markdown, some common examples have not been included. Let’s go over those.

Headers

In Markdown, you can create a header by typing # (number/pound sign) before your text. The number of number/pound signs that you use will scale down the level of the header. For example, # will be the largest heading and ### will show a smaller subheading.

In HTML, these are simply converted to <h> tags. # is <h1> and ### is <h3>, for example.

Images

Similar to links, images in Markdown are created by wrapping the alt text in square brackets and the URL in parenthesis. Here’s an example:

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

Inline code

Starting a line with four spaces will create a code block, but for inline code, you can simply wrap text in backticks. Here’s an example:

`int main(){printf (“Hi World\n”);return 0;}`

Markdown Text Editors

If you’re interested in mastering Markdown, finding support in the form of a desktop text editor is a great start. However, since Markdown can be rendered live in the browser and doesn’t require any complicated server-side interaction, there are even online Markdown editors.

Standalone Markdown Editors

One of the best standalone Markdown editors (and text editors overall) for Windows, macOS, and Linux is Sublime Text.

All you have to do to enable Markdown syntax highlighting is load an MD file or set the syntax highlighting to Markdown by clicking on Plain Text on the right side of the status bar.

Two other great free Markdown editors are Typora (Mac) and Remarkable (Linux).

Web-based Markdown Editors

Web-based Markdown editors are generally more feature-rich, so we strongly recommend those.

For example, StackEdit provides a distraction-free interface with two panes: one for your Markdown code and another for a dynamic, live preview of your text. 

If you’re new to StackEdit, all you have to do is click on Start Writing and you’ll be taken to its web-based editor, which comes pre-populated with example Markdown code and instructions.

If StackEdit doesn’t have what you’re looking for, check out Dillinger or Editor.md.

Markdown is everywhere around the web, and if you’re new to the internet then it will probably be the first unofficial “coding language” you learn to use. It’s extremely useful and enhances the way we communicate online through text, so we hope this article has helped you learn more about it!

Related posts

• สุดยอดบรรณาธิการ Markdown: ทุกแพลตฟอร์มและออนไลน์

• HDG อธิบาย : SQL, T-SQL, MSSQL, PL/SQL และ MySQL คืออะไร?

• สุดยอดบรรณาธิการ Markdown ออนไลน์ฟรี

• บริการการประชุมทางโทรศัพท์ที่ดีที่สุดคืออะไร – แอพที่ดีที่สุดเปรียบเทียบ

• ย้าย ลบ หรือคัดลอกไฟล์โดยอัตโนมัติใน Windows

• 5 ส่วนเสริมความเป็นส่วนตัว Firefox ที่ดีที่สุดเพื่อความปลอดภัยออนไลน์

• Chatbot คืออะไรและใช้งานอย่างไรบนเว็บไซต์ของคุณ

• 4 แอพซอฟต์แวร์การส่งต่อพอร์ตที่ดีที่สุดและวิธีใช้งาน

• Microsoft Power Automate คืออะไรและเทมเพลตฟรีให้ดาวน์โหลด

• โปรแกรมที่ดีที่สุดในการเพิ่มฟังก์ชันการทำงานใหม่ให้กับ Windows 10

• เครื่องมือถอดเสียงสองตัวสำหรับแปลงเสียงเป็นข้อความ

• การทดสอบ Dead Pixel เพื่อแก้ไขพิกเซลที่ค้างบนหน้าจอของคุณ

• 5 สุดยอดเว็บไซต์ดาวน์โหลด APK ที่ปลอดภัยที่สุดสำหรับแอพ Android

• สิ่งที่ต้องพิจารณาก่อนสร้าง Wiki ของคุณเอง

• ใช้ HP Print and Scan Doctor เพื่อแก้ไขปัญหาเครื่องพิมพ์ทั่วไป

• แอพกรองแสงสีน้ำเงินที่ดีที่สุด 5 อันดับสำหรับ Windows, Mac และ Linux

• 3 เครื่องมือในการวินิจฉัยและแก้ไขปัญหาเกี่ยวกับจอภาพของคุณ

• ยูทิลิตี้ปรับแต่ง CPU, การ์ดวิดีโอและ RAM ที่ดีที่สุด

• 5 เครื่องมือสแกน IP ที่ดีที่สุดสำหรับ Windows, Mac, iOS และ Android

• 11 ซอฟต์แวร์สกรีนช็อตฟรีที่ดีที่สุดสำหรับ Windows