一、Markdown生成目錄索引怎麼摺疊
在Markdown中，可以使用[TOC]語法生成目錄索引。
如果想要摺疊目錄，則需要使用一些插件，如Tocbot、jquery-tocify等。
例如，在使用Tocbot時，可以在Markdown文檔中加入以下代碼：
<!--請加入以下代碼-->
<script>
tocbot.init({
// 摺疊css樣式
collapseClass: 'tocbot-is-collapsed',
// 列表css樣式
listClass: 'tocbot-list',
// 鏈接css樣式
linkClass: 'tocbot-link',
// 層級深度
depth: 6,
// 顯示子目錄數
showAndHideOnMobile: true,
});
</script>
這樣就可以在HTML中自動生成一個可摺疊的目錄了。
二、Markdown目錄索引生成
Markdown可以在文末自動生成目錄索引，讓讀者更直觀地查看文章結構。
只需要在Markdown的文檔中插入[TOC]語法，就可以自動生成目錄索引了。
例如：
# 這是一級標題
## 這是二級標題
### 這是三級標題
[TOC]
# 這是一級標題
正文內容這樣就可以在最上方自動生成目錄索引了。
三、Markdown生成網頁
Markdown可以方便地將文本轉化為HTML頁面展示。
只需在Markdown文件中加入以下代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Markdown to HTML</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
## 寫入Markdown代碼
<div class="markdown">
<!--在這裡插入Markdown代碼-->
</div>
## 寫入Mathjax
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [['$', '$']],
displayMath: [['$$', '$$']],
processEscapes: true,
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'],
ignoreClass: 'comment-content',
processClass: 'math-content'
},
jax: ['input/TeX', 'output/HTML-CSS'],
displayAlign: 'left',
'HTML-CSS': {
linebreaks: {
automatic: true
}
}
});
</script>
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
## 添加目錄
<div class="toc">
[TOC]
</div>
## 載入目錄插件
<script src="toc.min.js"></script>
</body>
</html>
這樣就可以生成一個包含目錄索引的HTML頁面了。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/309435.html
微信掃一掃 
支付寶掃一掃 