VSCODE | 使用插件 markdown TOC插入sections 显示数字格式问题

这里写目录标题

前言

用markdown写博客,内容多了,页面长了之后,需要TOC(Table of content)功能,这样可以划分清楚页面层级,结构关系。在支持 侧边栏 TOC 的平台上可以精确的定位到内容
但是支持markdown自动生成 sections的程序未曾看见,偶尔发现VSCODE上有一个插件可以支持 markdown TOC,虽然可以生成 如下的TOC,但是显示的数字格式不太令人满意

VSCODE | 使用插件 markdown TOC插入sections 显示数字格式问题

显示的效果希望是这样的

VSCODE | 使用插件 markdown TOC插入sections 显示数字格式问题
这样比较符合 常规感受

如何做到的呢?

设置markdown页面上属于TOC的数字格式

其实很简单,插件作者有提示

VSCODE | 使用插件 markdown TOC插入sections 显示数字格式问题
这里的 depthFrom可以理解为就是这个 sections of header的开始深度

设置⚙️➡输入 markdown TOC
VSCODE | 使用插件 markdown TOC插入sections 显示数字格式问题
Depth From 的数字 代表 将 第几个深度(Header)作为第一级
1、如 设置 为 1 就是将 #作为第一级

# GSGHH
## HSHSH
## TSAVHSH

加上 sections后

1.GSGHH
	1.1.HSHSH
	1.2.TSAVHSH

2、如 设置 2就是 将 ##作为第一级

# GSGHH
## HSHSH
## TSAVHSH

加上 sections后

1 GSGHH
	1.HSHSH
	2.TSAVHSH

# 就是单独的一级,

3、设为为 1,但是没有#,则#的位置作为 0.

## HSHSH
## TSAVHSH

加上 sections后

0.1.HSHSH
0.2.TSAVHSH

总结:

  • 设置什么数字(1~6),就是将 #,##,###,####,#####,######对应的标题Header设为第一级,以1.开头
  • 如果设置的数字,对应的~#没有,则 设置为0. (如第3点)
  • 以设置数字对应的~#作为参考点,该是第几层就是x.x.x
上一篇:关于vue-eslint自动补全代码,以及自动生成雪碧图


下一篇:Spring Cloud中负载均衡器概览