NextJS: 05-09 Remark TOC (Table of Content)

[@sinhbuiinh2248]

00:06 Purpose of remark TOC(Table of content)
00:45 Explain remark TOC working process
01:40 Intall remark-toc and add heading in md file
04:50 Some regular expression with heading
05:35 Link heading with content by add id by rehype-slug
07:25 Allow get link when click on heading by rehype-autolink-heading
09:20 Explain rehype-autolink-heading how to work and reason why icon not display & some custom

[@sangtran106]

Nếu mình muốn đưa phần TOC nó nằm ở side bên phải hoặc trái để tiện click thay vì phải scroll lên thì phải làm sao vậy ạ

[@EasyFrontend]

hi Sang, hình như ông thần remark này chưa có support, em phải làm manually hoặc tìm package khác hỗ trợ parse md và có support toc scroll spy em nhen

[@haquoctuan]

Em muốn get riêng thằng TOC thành 1 cục html riêng, hoặc là css riêng cho thằng TOC này thì nên làm thế nào a

[@EasyFrontend]

hi Tuấn, em thử inspect file html kết quả, rồi add css ở file component thử nha 😉