markdown导出html自动生成侧边目录和样式

477 阅读1分钟

Mdtht插件地址

GitHub地址 https://github.com/cayxc/Mdtht

Gitee码云地址 https://gitee.com/cayxc/mdtht

Mdtht(Markdown to Html Theme)是使用 Javascript和 CSS 为 Markdown编辑器开发的一款插件。目的是在将 .md 文件导出为html文件或预览时,自动生成侧边目录和文档样式。

可以在任何支持添加 js 和 css 的Markdown编辑器中使用,如:TyporaMarkdownPad …

实现的功能

Mdtht提供了如下功能:

  1. 高亮和暗黑两种文档风格模式(根据系统自动切换,也可手动设置)
  2. 根据 html 文档中 h1~h6 标签的位置自动生成对应层级的目录和序号
  3. 自动生成侧边栏目录导航
  4. 标题序号显示或隐藏
  5. 目录层级树状图
  6. 三种目录图标样式
  7. 文字阴影效果
  8. 一键展开收起子目录
  9. 一键展开收起侧边栏
  10. 根据阅读区内容自动追踪所在目录
  11. 目录搜索
  12. 代码高亮插件 highlightjs 样式美化,highlightjs网址
  13. 根据个人喜好个性化配置样式

mdtht-0.png

最终效果

亮色模式

亮色模式

暗色模式

mdtht-2.png

目录收起效果

暗色模式

3 种目录样式

3 种目录样式

搜索功能效果

搜索功能效果

使用方法和下载地址请移步文章开头的插件主页地址。


🐳 如果您喜欢该文档样式风格,还请给一个 star 😄