有没有 markdown 生成 HTML 带侧边目录，并且跟随阅读位置标记当前目录位置，这样的一个工具或者样式

[NeoChen]

类似于在 typora 里打开大纲目录的阅读效果

[tadtung]

这类还是挺多的。。。

例如 docsify
演示： http://doc.30d.bid

[tamlok]

VNote 导出为 html 的时候自带可跟随的导航栏

[sofm]

gitbook 了解下
案例：
http://zitiao.org/material-design/material-design-intro/introduction.html
或者换成其他主题

[icanlynn]

这几天正好在写帮助文档，和楼主的需求一模一样。
找到了个 js 插件很方便

typora 里面 引入一个 jquery，一个 js，一个 css，还算比较满意。

稍后我贴到 git 上

[tadtung]

docsify 主要就是方便，引入 docsify.min.js 后直接将 md 文件放在目录就行。
我自己以前也写过 markdown 转义 html，，不过不如 docsify 方便，，所以后来就直接用这个了。

[wangxiaoaer]

借楼问一下，有没有类似的文档工具，并且里面可以放交互页面的？类似嵌入一个自由域名下的 jsfiddle

[icanlynn]

https://github.com/icanleric/other/blob/master/Typora%202%20Html%E5%B8%A6%E7%9B%AE%E5%BD%95.md

[NeoChen]

@icanlynn 感谢感谢~ 最符合期望

[NeoChen]

@icanlynn 还差最后一个小问题，如果目录展示能适配手机端就更棒了

[niceshell]

看到楼上竟然有工具，我前几天刚刚做了类似的工作，不过是对 markdown 编辑器生成的 html 进行处理生成了目录

[NeoChen]

@niceshell 可否分享一下，感谢感谢~ ~

[niceshell]

@NeoChen 只是简单的实现我是用 vue 写的(模仿掘金的目录)，然后现在还有问题屏幕里面没有标题的时候还无法显示位置（目录标记消失），目录不能够关闭展开。网上有类似的实现你可以看看

[icanlynn]

@NeoChen 这个应该可以在那个 js 文件里加一下，比如手机端的时候，隐藏侧边栏（目前已经实现），显示一个悬浮的“ menu 图标” ，点击一下再展开侧边栏（可能需要调整下层级）。你可以试试，我本人不是专业做技术的，懒得弄了哈哈

[zhezhi]

正需要，收藏。谢谢！

[111qqz]

1

[111qqz]

按错了，不好意思

[IdJoel]

收藏了 回家试试

[DarrenLuo]

好像有个插件，toc

[mrchi]

我博客解决方案是：自己写了一段 js，遍历 markdown 转成 html 之后的标题，生成目录，然后监听滚动事件，效果还行，大概 30 行。

代码： https://github.com/chiqj/MrChiBlog/blob/cd8c0145628e2c6166fe713efdf59a846d10dc47/blog/templates/post.html#L62

效果： https://blog.mrchi.cc/p/19428f6079a5b2e33ca240071af80687


不过最近准备拥抱 hexo 了，作为一个后端开发，写的页面感觉不好看= =

[yumenawei]

https://madmaxchow.github.io/VLOOK/
你可能需要的是这个。