方法一 使用Typora直接生成

使用Typora来编写Markdown文档时，可以很方便的生成目录，但是生成的目录是随着页面滚动的，点击了一个条目跳转后，想再次回到目录位置比较麻烦。我们浏览网站时常见的是在左右有一个固定不动的目录，这样点击跳转比较方便。

单击菜单：段落–>内容目录，即可给文档生成一个目录。

接下来设置目录生成在左边：
打开：文件–》偏好设置–》外观–》打开主题文件夹
创建 “base.user.css” 文件，并输入如下代码：

.md-toc{
 	position: fixed; 
 	left: 50px;
    top: 50px;
}

重启一下Typora，打开一个带目录的markdown文档，此时会看到目录显示不正常，没关系，当你导出html后，打开html查看效果就是OK的了，效果截图如下：

方法二 手动编辑

前言

因为我的markdown文件里面有页内跳转，生成的pdf后无效，生成的html文件则可以。但是html增加top目录，是处于页面顶部的，对于用户浏览体验不是很好，所以想将顶部目录放入侧边，这样体验会好一些。

网上找了好些方法，大多会生成伴随js或者cs之类的，而不是仅仅一个html，虽然它们生成的样式还是适配非常好，但是对于我只需要将目录放入侧边这个简单需求来说，还是太麻烦了，而且我也只希望给其他同事发送的文件只有一个html就可以了。

解决方案

因为我使用的是typora，所以只需要typora生成的html中目录瞄点，简单的修改style就可。在有目录的markdown文件中加入下面style即可

<style>
 .md-toc{z-index:999;display: block; position: fixed; left: 0px; top: 200px;}
</style>

效果图：

总结

对于想要好看一些，不在意多余文件的话，可以使用网上的一些插件和工具。

参考

• https://blog.csdn.net/lp1052843207/article/details/78246774