Markdown生成左侧目录

1,661 阅读1分钟

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

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

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

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

重启一下Typora,打开一个带目录的markdown文档,此时会看到目录显示不正常,没关系,当你导出html后,打开html查看效果就是OK的了,效果截图如下:
在这里插入图片描述

重大更新

最新版本已经不需要这么复杂了(我当前的版本是v1.2.5),Typro已经内置导出导航的功能,设置如下:

从菜单中选择:文件 > 编好设置 > 导出 > HTML,然后勾选保留大纲侧边栏即可,如下:
在这里插入图片描述
然后我们编写一个Markdown文件,内容如下:

# 标题1
## 子标题1
## 子标题2

# 标题2
## 子标题1
## 子标题2

# 标题3
# 标题4

然后导出 html 即可,打开导出的 html 文件,效果如下:
在这里插入图片描述
对于子标题,还可以展开或折叠。