Markdown文件导出HTML时自动生成侧边目录和样式

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. 根据个人喜好个性化配置样式

    Markdown文件导出HTML时自动生成侧边目录和样式

最终效果

亮色模式

Markdown文件导出HTML时自动生成侧边目录和样式

暗色模式

Markdown文件导出HTML时自动生成侧边目录和样式

目录收起效果

Markdown文件导出HTML时自动生成侧边目录和样式

3 种目录样式

Markdown文件导出HTML时自动生成侧边目录和样式

搜索功能效果

Markdown文件导出HTML时自动生成侧边目录和样式

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


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

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容