当前位置: 首页 > news >正文

如何使用Markdown生成目录索引

一、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" asyncsrc="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页面了。

http://www.lryc.cn/news/286578.html

相关文章:

  • R语言【taxa】——as_taxon():转换为 taxon 对象
  • Android状态栏布局隐藏的方法
  • idea创建公用依赖包项目
  • 设计模式之装饰器模式
  • 【Java万花筒】缓存与存储:Java应用中的数据处理利器
  • 解决nodejs报错内存泄漏问题,项目无法运行
  • 计算机网络-物理层基本概念(接口特性 相关概念)
  • 从规则到神经网络:机器翻译技术的演化之路
  • python 面经
  • Ubuntu (Linux) 下创建软链接(即符号链接,相当于windows下的快捷方式)方法
  • LeetCode.2765. 最长交替子数组
  • Springboot日志框架logback与log4j2
  • 浪花 - 用户信息展示+更新
  • xxe漏洞之scms靶场漏洞
  • Unity3d C#实现三维场景中图标根据相机距离动态缩放功能
  • Linux网络编程(二-套接字)
  • 【DeepLearning-1】 注意力机制(Attention Mechanism)
  • c++:string相关的oj题(415. 字符串相加、125. 验证回文串、541. 反转字符串 II、557. 反转字符串中的单词 III)
  • HuoCMS|免费开源可商用CMS建站系统HuoCMS 2.0下载(thinkphp内核)
  • VsCode + CMake构建项目 C/C++连接Mysql数据库 | 数据库增删改查C++封装 | 信息管理系统通用代码 ---- 课程笔记
  • HackTheBox - Medium - Linux - Ransom
  • 柠檬微趣面试准备
  • uniapp嵌套webview,无法返回上一级?
  • 【优先级队列 之 堆的实现】
  • Vue中$watch()方法和watch属性的区别
  • openssl3.2 - 官方demo学习 - test - certs - 001 - Primary root: root-cert
  • 小程序商城能不能自己开发?
  • GPTBots:利用FlowBot中的卡片和表单信息,提供丰富的客服体验
  • ERC20 解读
  • C#,入门教程(31)——预处理指令的基础知识与使用方法