📖 Markdown Preview

Write Markdown on the left, see rendered HTML on the right.

Hello Markdown

Features

Bold text and italic text and bold italic.

This is a blockquote
  • Item one
  • Item two
  • Item three
  1. First
  2. Second
  3. Third

inline code example

function hello() {

console.log("Hello, world!");

}

前往文字獸


That's it!

What Is Markdown and Why Should You Learn It?

Markdown is a lightweight markup language created by John Gruber and Aaron Swartz in 2004. Its goal is simple: let people write using an easy-to-read, easy-to-write plain text format that can be converted to structurally valid HTML. Unlike rich text editors that hide formatting behind toolbar buttons, Markdown uses intuitive symbols like # for headings, ** for bold text, and - for bullet lists. This means you can format documents without ever lifting your hands from the keyboard.

Common Markdown Syntax

The most frequently used Markdown elements are headings (# H1 through ###### H6), emphasis (*italic* and **bold**), links ([text](url)), images (![alt](url)), and code blocks (triple backticks). Lists are created with - or * for unordered items and numbers for ordered items. Blockquotes use > at the start of a line. Horizontal rules are created with ---. These few symbols cover the vast majority of document formatting needs.

Where Markdown Is Used

Markdown has been adopted across virtually every corner of the tech world. GitHub uses Markdown for README files, issues, pull request descriptions, and comments. Reddit supports Markdown for post and comment formatting. Stack Overflow uses it for questions and answers. Documentation platforms like GitBook, Notion, and Confluence support Markdown input. Static site generators such as Hugo, Jekyll, and Next.js use Markdown files as the primary content source for blog posts and pages.

Markdown Flavors and Extensions

The original Markdown specification left some edge cases ambiguous, leading to multiple "flavors." CommonMark is a standardized specification that resolves these ambiguities. GitHub Flavored Markdown (GFM) extends CommonMark with tables, task lists, strikethrough, and auto-linked URLs. MDX combines Markdown with JSX, allowing you to embed React components directly in your documents. Understanding which flavor your platform supports ensures your formatting renders correctly every time.

Pix Family

你可能也需要