Sublime怎么自动生成文件目录_Sublime如何创建Markdown目录树【指南】

老芳小哥_3237

老芳小哥_3237

2026-03-28

160人浏览

原创

sublime text 默认不支持自动生成 markdown 目录树,需安装第三方插件 markdowntoc 并正确配置 slugify、base_level 等参数,同时确保标题格式规范、无隐藏字符。

sublime怎么自动生成文件目录_sublime如何创建markdown目录树【指南】

Sublime 里没有原生命令生成 Markdown 目录树

别折腾菜单栏找“插入目录”——Sublime Text 默认根本不支持自动解析标题生成 ## 级目录树。你看到的“目录插件”全是第三方扩展,得手动装、配、调用,而且行为差异很大。

常见错误现象:Package Control: Install Package 搜 “toc” 装了就以为能用,结果按快捷键没反应,或只生成空列表;还有人把 MarkdownPreview 当成目录生成器,其实它只渲染,不生成。

使用场景很明确:你正在写一个长 .md 文件,有 5+ 个 ##### 标题,想快速生成锚点链接结构,贴在文档开头。

实操建议:

  • MarkdownTOC(作者:jonschlinkert),不是 MarkdownTocAutoTOC —— 名字差一个字母就可能失效
  • 安装后重启 Sublime,再打开一个 .md 文件,确保语法高亮是 Markdown(右下角显示,不是 Plain text
  • 光标放在想插入目录的位置(通常是文件最顶部),按 Ctrl+Cmd+P(macOS)或 Ctrl+Shift+P(Win/Linux),输入 MarkdownTOC: Insert/Update 回车
  • 默认会生成带锚点的列表,如 - [简介](#%E7%AE%80%E4%BB%8B),但中文链接需开启 slugify 选项,否则可能出错

为什么生成的目录链接点不开?

不是 Sublime 的问题,是 Markdown 渲染器和锚点规则不一致导致的。浏览器或预览插件对中文标题转义方式不同,MarkdownTOC 默认用 URI 编码(比如 %E7%AE%80%E4%BB%8B),但有些渲染器只认短横线格式(jian-jie)。

参数差异直接影响可用性:

  • "slugify": true → 生成 jian-jie 类型 ID(推荐,兼容性好)
  • "slugify_mode": "github" → 严格匹配 GitHub 风格(去标点、小写、空格变短横线)
  • "auto_reload": true → 保存文件时自动更新目录(省事,但改标题后要记得保存)
  • 不配 "base_level" 时,## 会被当一级,### 当二级;若想让 ### 变成第一级,设 "base_level": 3

配置路径:Preferences → Package Settings → MarkdownTOC → Settings,编辑 User 设置,不要动 Default。

Bg Eraser
Bg Eraser

一款利用AI清除图片背景和多余对象的在线图片处理工具,可帮助用户快速整理照片并获得更干净的视觉素材。

下载

用命令行生成更可控,但得配合 Python

如果你常要批量处理多个 .md 文件,或者需要定制层级、忽略某些标题(如 ## 参考文献),GUI 插件反而麻烦。这时候直接用 markdown-toc CLI 更稳。

性能与兼容性影响小,但依赖环境:

  • 先装 Python 包:pip install markdown-toc
  • 生成当前文件目录:mdtoc README.md -o -(输出到终端)或 mdtoc README.md -i(原地插入)
  • 支持过滤:mdtoc README.md --exclude "参考|附录"(正则匹配标题文本)
  • 注意:CLI 默认不处理中文编码,Windows 下可能乱码,加 --encoding utf-8

这个方式绕过了 Sublime 的解析限制,直接读文件内容,所以对缩进、空行、特殊符号更宽容。

容易被忽略的细节:标题前后空白和 HTML 注释

很多人生成目录失败,根本原因不是插件没装对,而是标题行里藏了看不见的字符。

常见错误现象:## 介绍 (末尾三个空格)、## <!-- 忽略 --> 简介、甚至全角空格或零宽空格(U+200B)——这些都会让 MarkdownTOC 无法识别为有效标题。

实操建议:

  • 打开 View → Show White Space,检查标题行末尾是否有空格或制表符
  • 禁用所有其他 Markdown 插件(尤其是 MarkdownEditing 的增强模式),它们有时会干扰标题解析逻辑
  • 如果用了 HTML 注释嵌入标题,要么删掉,要么换用 Markdown 原生注释 [//]: # (说明),后者不会破坏标题结构

目录生成这件事,表面是工具问题,实际是格式洁癖问题。多一个空格,少一个换行,都可能让整个树塌掉。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

sublime

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
pip安装使用方法
pip安装使用方法

安装步骤:1、确保Python已经正确安装在您的计算机上;2、下载“get-pip.py”脚本;3、按下Win + R键,然后输入cmd并按下Enter键来打开命令行窗口;4、在命令行窗口中,使用cd命令切换到“get-pip.py”所在的目录;5、执行安装命令;6、验证安装结果即可。大家可以访问本专题下的文章,了解pip安装使用方法的更多内容。

2023.10.09

2350

5

更新pip版本
更新pip版本

更新pip版本方法有使用pip自身更新、使用操作系统自带的包管理工具、使用python包管理工具、手动安装最新版本。想了解更多相关的内容,请阅读专题下面的文章。

2024.12.20

5423

6

pip设置清华源
pip设置清华源

设置方法:1、打开终端或命令提示符窗口;2、运行“touch ~/.pip/pip.conf”命令创建一个名为pip的配置文件;3、打开pip.conf文件,然后添加“[global];index-url = https://pypi.tuna.tsinghua.edu.cn/simple”内容,这将把pip的镜像源设置为清华大学的镜像源;4、保存并关闭文件即可。

2024.12.23

6942

11

python升级pip
python升级pip

本专题整合了python升级pip相关教程,阅读下面的文章了解更多详细内容。

2025.07.23

3307

16

default gateway怎么配置
default gateway怎么配置

配置default gateway的步骤:1、了解网络环境;2、获取路由器IP地址;3、登录路由器管理界面;4、找到并配置WAN口设置;5、配置默认网关;6、保存设置并退出;7、检查网络连接是否正常。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.12.07

337

5

github中文官网入口 github中文版官网网页进入
github中文官网入口 github中文版官网网页进入

github中文官网入口https://docs.github.com/zh/get-started,GitHub 是一种基于云的平台,可在其中存储、共享并与他人一起编写代码。 通过将代码存储在GitHub 上的“存储库”中,你可以: “展示或共享”你的工作。 持续“跟踪和管理”对代码的更改。

2026.01.21

8185

27

GitHub官网入口版本汇总
GitHub官网入口版本汇总

本专题整合了GitHub入口版本地址汇总,阅读专题下面的文章了解更多详细内容。

2026.04.02

678

19

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.26

2979

3

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.27

2538

6

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程