Typora:嵌套列表添加层次线

经常需要写层次很多的列表，发现层次嵌套多了之后不够清晰，难以区分层次。因此想到能不能在每一层前面显示一条竖线，增强层次感。今天通过修改主题文件实现了，先看一下效果：

修改前：

修改前

修改后：

修改后

添加方法

首先，点击菜单栏“文件” - “偏好设置” - “外观” - “打开主题文件夹”。

image.png

image.png

image.png

以night主题为例，选中“night.css”文件，Ctrl-c Ctrl-v 复制一份作为备份。

然后打开night.css文件（没有编辑器的，用“记事本”打开就可以），滚动到最下方，添加以下内容：

li>ol,
li>ul {
    margin: 0 0;
    border-left: dashed 1px #474d54;
}

image.png

保存文件，重启Typora，切换到“night”主题，就可以看到嵌套列表显示层次线了。

image.png

image.png

其他主题

其他主题也是同样的方法添加，修改对应的css文件即可。

image.png

Github主题：

li>ol,
li>ul {
    margin: 0 0;
    border-left: dashed 1px #dfe2e5;
}

Newsprint主题：

li>ol,
li>ul {
    margin: 0 0;
    border-left: dashed 1px #bababa;
}