Markdown 生成侧边目录

白色玫瑰 程序猿

时间: 2023-07-11 阅读: 1 字数:2088

{}
visual studio code + Markdown Preview Enhanced插件 步骤: 1. 用vscode打开 xxx.md 并打开MPE的侧边预览 2. 将光标放到第一行,然后按Ctrl+Shift+P(MacOS:command+shift+p)呼出命令面板,输入 Markdown ...

目录

工具:

visual studio code + Markdown Preview Enhanced插件

步骤:

  1. 用vscode打开 xxx.md 并打开MPE的侧边预览 在这里插入图片描述
  2. 将光标放到第一行,然后按Ctrl+Shift+P(MacOS:command+shift+p)呼出命令面板,输入 Markdown Preview Enhanced: Create Toc 会在光标位置生成一段代码
  3. 在第一行加上 <a href="https://bookdown.org/qiushi/rmarkdown-guide/html-document.html#%E7%9B%AE%E5%BD%95%E5%92%8C%E6%A0%87%E9%A2%98">front-matter规则</a>
 ---
html:
   toc: true
   # number_sections: true
   toc_depth: 6
   toc_float: true
      collapsed: true
      smooth_scroll: true
--- 

(保证 这个Enable Script Execution 开着,在设置里面找) 在这里插入图片描述

  1. 在MPE生成的预览页 右键生成 HTML文件即可

md效果图 在这里插入图片描述 在这里插入图片描述

原文地址:https://blog.csdn.net/weixin_43599827/article/details/122694071?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168905674116800227431657%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168905674116800227431657&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-23-122694071-null-null.142^v88^control_2,239^v2^insert_chatgpt&utm_term=markdown

本文章网址:https://www.sjxi.cn/detil/c60546d072db481ea27a5480926f9c2b

打赏作者

本站为非盈利网站,如果您喜欢这篇文章,欢迎支持我们继续运营!

最新评论
当前未登陆哦
登陆后才可评论哦

湘ICP备2021009447号

×

(穷逼博主)在线接单

QQ: 1164453243

邮箱: abcdsjx@126.com

前端项目代做
前后端分离
Python 爬虫脚本
Java 后台开发
各种脚本编写
服务器搭建
个人博客搭建
Web 应用开发
Chrome 插件编写
Bug 修复