CMS Demego

Demo mục lục đa cấp

Đây là bài thứ hai dùng để xem TOC: có nhiều ##### lồng nhau. Bấm từng dòng trong mục lục để nhảy tới đúng đoạn.

Phần mở đầu

Đoạn giới thiệu ngắn. Phần quan trọng nằm ở các mục sau.

Mục tiêu bài viết

  • Minh họa sidebar Mục lục
  • Kiểm tra neo # tới heading

Đối tượng đọc

Người chỉnh CMS, content writer, hoặc dev đang tùy biến giao diện.

Nội dung trung tâm

Ở đây giả lập một bài hướng dẫn dài, chia thành nhiều block.

Bước 1 — Chuẩn bị

Liệt kê việc cần làm trước khi viết hoặc publish.

Bước 2 — Soạn thảo

Viết bằng Markdown thuần hoặc Nuxt Studio; heading chuẩn sẽ vào TOC.

Bước 3 — Xuất bản

Commit / deploy theo quy trình repo của bạn.

Phần nâng cao

Các mục con mô tả tình huống ít gặp hơn.

Tùy chỉnh độ sâu TOC

Độ sâu heading lấy vào mục lục có thể cấu hình ở Nuxt Content / MDC (depth, searchDepth).

Hiệu năng và SSR

Trang vẫn render server-side; mục lục lấy từ body.toc đã parse sẵn.

Kết luận

Hai bài bai-maudemo-muc-luc-da-cap đủ để thấy TOC phẳngnhiều cấp. Quay lại trang chủ hoặc bài mẫu kia khi cần so sánh.