如何使用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页面了。
相关文章：
如何使用Markdown生成目录索引
一、Markdown生成目录索引怎么折叠 在Markdown中，可以使用[TOC]语法生成目录索引。 如果想要折叠目录，则需要使用一些插件，如Tocbot、jquery-tocify等。 例如，在使用Tocbot时，可以在Markdown文档中加入以下代码&…...
：转换为 taxon 对象)
R语言【taxa】——as_taxon()：转换为 taxon 对象
Package taxa version 0.4.2 Description 将其他对象转换为 taxon 向量。taxon 构造器可能将 基础向量转换为 taxon 向量。 Usage as_taxon(x, ...) Arguments 参数【x】：要转换为 taxon 向量的对象。 参数【...】：其余参数。 Examples x <- taxo…...
Android状态栏布局隐藏的方法
1.问题如下，安卓布局很不协调 2.先将ActionBar设置为NoActionBar 先打开styles.xml 3.使用工具类 package com.afison.newfault.utils;import android.annotation.TargetApi; import android.app.Activity; import android.content.Context; import android.graph…...
idea创建公用依赖包项目
创建parent项目 <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven.apache.org/POM/…...
设计模式之装饰器模式
面向对象设计原则 接口隔离原则：面向对象设计之接口隔离原则-CSDN博客 设计模式 工厂模式 ： 设计模式之工厂模式-CSDN博客 迭代器模式：设计模式之迭代器模式-CSDN博客 适配器模式：设计模式之适配器模式-CSDN博客 过滤器模式&#…...
【Java万花筒】缓存与存储：Java应用中的数据处理利器
激发性能之源：深度剖析Java开发中的五大数据缓存与存储方案 前言 在现代软件开发中，高效地处理和存储数据是至关重要的任务。本文将介绍一系列在Java应用中广泛使用的数据缓存与存储库，涵盖了Ehcache、Redisson、Apache Cassandra、Hazelca…...
解决nodejs报错内存泄漏问题，项目无法运行
解决方法一 一、使用 increase-memory-limit npm install increase-memory-limit //本项目中使用// 或 npm install -g increase-memory-limit //全局安装二、安装 npm install --save cross-env 配置package.json文件 LINMIT大小 81928g "scripts": {"f…...
计算机网络-物理层基本概念（接口特性 相关概念）
文章目录 总览物理层接口特性星火模型给出的相关概念解释（仅供参考） 总览 求极限传输速率：奈氏准则，香农定理（背景环境不一样） 编码：数据变成数字信号 调制：数字信号变成模拟信号 信…...
从规则到神经网络：机器翻译技术的演化之路
文章目录 从规则到神经网络：机器翻译技术的演化之路一、概述1. 机器翻译的历史与发展2. 神经机器翻译的兴起3. 技术对现代社会的影响 二、机器翻译的核心技术1. 规则基础的机器翻译（Rule-Based Machine Translation, RBMT）2. 统计机器翻译&am…...
python 面经
关于自身特点 1. 介绍下自己，讲一下在公司做的项目 2. 说一下熟悉的框架，大致讲下其特点 python 基础 1.可变与不可变类型区别 2.请解释join函数 3.请解释*args和**kwargs的含义，为什么使用* args，** kwargs？ 4.解释…...
 下创建软链接（即符号链接，相当于windows下的快捷方式）方法)
Ubuntu (Linux) 下创建软链接（即符号链接，相当于windows下的快捷方式）方法
Ubuntu (Linux) 下创建软链接（即符号链接，相当于windows下的快捷方式）方法 使用创建软链接的命令 #命令格式如下。注意：请使用绝对路径，否则链接可能失效 ln -s <源文件或目录的绝对路径> <符号链接文件&am…...
LeetCode.2765. 最长交替子数组
题目 2765. 最长交替子数组 分析 为了得到数组 nums 中的最长交替子数组的长度，需要分别计算以每个下标结尾的最长交替子数组的长度。为了方便处理，计算过程中需要考虑长度等于 1 的最长交替子数组，再返回结果时判断最长交替子数组的长度…...
Springboot日志框架logback与log4j2
目录 Springboot日志使用 Logback日志 日志格式 自定义日志格式 日志文件输出 Springboot启用log4j2日志框架 Springboot日志使用 Springboot底层是使用slf4jlogback的方式进行日志记录 Logback日志 trace：级别最低 debug：调试级别的，…...
浪花 - 用户信息展示＋更新
1. 用户登录获取登录凭证 已登录的用户才能获取个人信息发送 Aixos 请求登录 const user ref();onMounted(async () > {const res await myAxios.get(/user/current);if (res.code 0) {console.log("获取用户信息成功");user.value res.data;} else {consol…...
xxe漏洞之scms靶场漏洞
xxe-scms 代码审核 （1）全局搜索simplexml_load_string simplexml_load_string--将XML字符串解释为对象 （2）查看源代码 ID1 $GLOBALS[HTTP_RAW_POST_DATA]就相当于file_get_contents("php://input"); 因此这里就存…...
Unity3d C#实现三维场景中图标根据相机距离动态缩放功能
前言 如题的需求，其实可以通过使用UI替代场景中的图标来实现，不过这样UI的处理稍微麻烦，而且需要在图标上添加粒子特效使用SpriteRender更方便快捷。这里就根据相机离图标的位置来计算图标的缩放大小即可。这样基本保持了图标的大小…...
Linux网络编程(二-套接字)
目录 一、背景知识 1.1 端口号 1.2 网络字节序 1.3 地址转换函数 二、Socket简介 三、套接字相关的函数 3.1 socket() 3.2 bind() 3.3 connect() 3.4 listen() 3.5 accept() 3.6 read()/recv()/recvfrom() 3.7 send()/sendto() 3.8 close() 四、UPD客服/服务端实…...
【DeepLearning-1】 注意力机制（Attention Mechanism）
1.1注意力机制的基本原理： 计算注意力权重： 注意力权重是通过计算输入数据中各个部分之间的相关性来得到的。这些权重表示在给定上下文下，数据的某个部分相对于其他部分的重要性。 加权求和： 使用这些注意力权重对输入数据进行加权…...
c++：string相关的oj题（415. 字符串相加、125. 验证回文串、541. 反转字符串 II、557. 反转字符串中的单词 III）
文章目录 1. 415. 字符串相加题目详情代码1思路1代码2思路2 2. 125. 验证回文串题目详情代码1（按照要求修改后放到新string里）思路1代码2(利用双指针/索引)思路2 3. 541. 反转字符串 II题目详情代码1思路1 4. 557. 反转字符串中的单词 III题目详情代码1&…...
HuoCMS|免费开源可商用CMS建站系统HuoCMS 2.0下载(thinkphp内核)
HuoCMS是一套基于ThinkPhp6.0Vue 开发的一套HuoCMS建站系统。 HuoCMS是一套内容管理系统同时也是一套企业官网建设系统，能够帮过用户快速搭建自己的网站。可以满足企业站，外贸站，个人博客等一系列的建站需求。HuoCMS的优势: 可以使用统一后台…...
Linux 文件类型，目录与路径，文件与目录管理
文件类型 后面的字符表示文件类型标志 普通文件：-（纯文本文件，二进制文件，数据格式文件） 如文本文件、图片、程序文件等。 目录文件：d（directory） 用来存放其他文件或子目录。 设备…...
脑机新手指南（八）：OpenBCI_GUI：从环境搭建到数据可视化（下）
一、数据处理与分析实战 （一）实时滤波与参数调整 基础滤波操作 60Hz 工频滤波：勾选界面右侧 “60Hz” 复选框，可有效抑制电网干扰（适用于北美地区，欧洲用户可调整为 50Hz）。 平滑处理&…...
)
椭圆曲线密码学(ECC)
一、ECC算法概述 椭圆曲线密码学（Elliptic Curve Cryptography）是基于椭圆曲线数学理论的公钥密码系统，由Neal Koblitz和Victor Miller在1985年独立提出。相比RSA，ECC在相同安全强度下密钥更短（256位ECC ≈ 3072位RSA…...
golang循环变量捕获问题
在 Go 语言中，当在循环中启动协程（goroutine）时，如果在协程闭包中直接引用循环变量，可能会遇到一个常见的陷阱 - 循环变量捕获问题。让我详细解释一下： 问题背景 看这个代码片段： fo…...
Auto-Coder使用GPT-4o完成：在用TabPFN这个模型构建一个预测未来3天涨跌的分类任务
通过akshare库，获取股票数据，并生成TabPFN这个模型 可以识别、处理的格式，写一个完整的预处理示例，并构建一个预测未来 3 天股价涨跌的分类任务 用TabPFN这个模型构建一个预测未来 3 天股价涨跌的分类任务，进行预测并输…...
NLP学习路线图（二十三）：长短期记忆网络（LSTM）
在自然语言处理（NLP）领域，我们时刻面临着处理序列数据的核心挑战。无论是理解句子的结构、分析文本的情感，还是实现语言的翻译，都需要模型能够捕捉词语之间依时序产生的复杂依赖关系。传统的神经网络结构在处理这种序列依赖时显得力不从心，而循环神经网络（RNN） 曾被视为…...
SpringCloudGateway 自定义局部过滤器
场景： 将所有请求转化为同一路径请求（方便穿网配置）在请求头内标识原来路径，然后在将请求分发给不同服务 AllToOneGatewayFilterFactory import lombok.Getter; import lombok.Setter; import lombok.extern.slf4j.Slf4j; impor…...
C++使用 new 来创建动态数组
问题： 不能使用变量定义数组大小 原因： 这是因为数组在内存中是连续存储的，编译器需要在编译阶段就确定数组的大小，以便正确地分配内存空间。如果允许使用变量来定义数组的大小，那么编译器就无法在编译时确定数组的大…...
招商蛇口 | 执笔CID，启幕低密生活新境
作为中国城市生长的力量，招商蛇口以“美好生活承载者”为使命，深耕全球111座城市，以央企担当匠造时代理想人居。从深圳湾的开拓基因到西安高新CID的战略落子，招商蛇口始终与城市发展同频共振，以建筑诠释对土地与生活的…...
Linux系统部署KES
1、安装准备 1.版本说明V008R006C009B0014 V008：是version产品的大版本。 R006：是release产品特性版本。 C009：是通用版 B0014：是build开发过程中的构建版本2.硬件要求 #安全版和企业版 内存：1GB 以上 硬盘…...