Tiêu đề cấp 1 trong nội dung

Đây là bài kiểm tra hiển thị cho toàn bộ hệ thống. Đoạn văn có in đậm, in nghiêng, đậm và nghiêng, gạch chân, gạch ngang, inline code, liên kết nội bộ và liên kết ngoài. https://www.markdownguide.org https://www.markdownguide.org

Tiêu đề cấp 2

Tiêu đề cấp 3

Tiêu đề cấp 4

Tiêu đề cấp 5

Tiêu đề cấp 6

Inline HTML và ký hiệu

Kiểm tra highlight, Ctrl + K, H₂O, x² và một dòng có
ngắt dòng rõ ràng.

Danh sách

Danh sách không thứ tự:

• Mục thứ nhất
  • Mục lồng cấp hai
  • Mục lồng thứ hai
• Mục thứ hai

Danh sách có thứ tự:

1. Chuẩn bị dữ liệu
2. Chạy kiểm tra
   1. Kiểm tra HTML
   2. Kiểm tra CSS
3. Đọc kết quả

Task list:

• Markdown cơ bản
• Bảng và danh sách
• Công thức toán học
• Kiểm tra responsive trên mobile

Blockquote

Một giao diện tốt tạo ra nhịp đọc rõ ràng, để nội dung được nhìn thấy trước khi trang trí lên tiếng.

— Ghi chú kiểm thử

callout component

details component

sidenote component

Đây là một đoạn văn có sidenote ở bên lềSidenote này nằm ở lề phải trên desktop theo phong cách Tufte CSS và trở thành nội dung có thể thu gọn trên mobile. để kiểm tra cách chú thích hòa vào mạch đọc.

tooltip component

Rê chuột hoặc đặt con trỏ vào HTTPHypertext Transfer Protocol — giao thức dùng để truyền tải tài nguyên trên web. để xem giải thích nhanh. Trên thiết bị cảm ứng, chạm vào CSSCascading Style Sheets — ngôn ngữ dùng để định dạng giao diện và bố cục trang web. để kiểm tra tooltip trên mobile.

color preview component

#e0def4 foam rgb(235, 188, 186) coral

icon component

Icon inline từ static/icons/:

Bảng

Code

Inline: const answer = 42.

fn main() {
    let message = "Hello, Markdown";
    println!("{message}");
}

const values = [1, 2, 3, 4];
const total = values.reduce((sum, value) => sum + value, 0);
console.log(total);

Công thức toán học

Công thức inline: $e^{i\pi} + 1 = 0$ và $a^2 + b^2 = c^2$.

Công thức dạng block:

Ma trận:

Hình ảnh bằng Markdown

Ảnh Markdown có caption/title:

image components

Ảnh responsive có caption:

Thumbnail vuông:

Ảnh gốc không qua resize:

Gallery responsive:

So sánh ảnh trước và sau:

media components

audio:

video:

embed components

youtube:

youtube music:

spotify:

vimeo:

timeline component

filetree component

website/
  content/
    posts/
      markdown-component-test.md
      welcome.md
    _index.md
  static/
    images/
      leafy-dawn.webp
      tram-nam-co-don.svg
      demo.mp4
    js/
      post-init.js
  templates/
    components/
      filetree.html
      gallery.html
  config.toml
  build.sh
  backup.zip
  notes.txt
  podcast.mp3

d2 components

terminal component

printf 'hello from bash\n'
uname -a

echo "hello from fish"
uname -a

sandbox component

protected component

Nội dung bảo vệ một dòng: xx xxx xxxxxx

Nội dung bảo vệ nhiều dòng:

xxx xx xxx xxxx xxx xxxx xxxx xxx xxx xxxx xxxx xxx xxxxx xxxx xxx xxx xxxx xx xxxx xxx xx xxxx xxx xx xxxxxxx xxx xxxxx xxxxxxxxxx

Footnotes và các trường hợp cuối bài

Đây là một chú thích cuối trang^[1] và đây là chú thích thứ hai^[2].

Chú ý: công thức toán học chỉ được render thành công nếu site đã nạp thư viện MathJax hoặc KaTeX ở layout tương ứng.