Joplin实现侧边栏目录

1 流程步骤

（1）打开Joplin

（2）然后点击“菜单栏”–>“工具”–>“选项”–>“外观”

（3）然后点击“显示高级选项”–>“适用于已渲染Markdown的自定义样式表”

（4）然后出现一个文本文件

（5）将以下代码copy进文件里，保存、重启Joplin

nav.table-of-contents ul {
    list-style-type: none;
    margin-top: 0px;
    margin-bottom: 0px;
}

nav.table-of-contents>ul {

    top: 5px;
    right: 0px;
    z-index: 99;
    
    font-size: 12px;
    position: fixed;
    padding: 15px;
    
    border-radius: 10px 0px 0px 10px;
    margin: 0px;
    
    overflow: hidden;
    height: 90%;
    width: 5px;
    transition: .2s;
}
nav.table-of-contents::after {
    content: "[目录 - 请将你的鼠标移至程序的右边]";
    color: black;
}

nav.table-of-contents>ul:hover {
    background: #F8F8F8;
    box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.15);

    width: 30%;
    color: none;
    overflow: scroll;
}

nav.table-of-contents>ul:hover::before {
    content: "目录"
}

nav.table-of-contents>ul:hover li {
    display: list-item;
}

nav.table-of-contents li {
    display: none;
    white-space: nowrap;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}


    #rendered-md {
    width: 100%;
    }
}

（6）重启Joplin后，鼠标移动到最右测区域，会显示侧边栏目录

本文章转载自：https://lightzhan.xyz/index.php/2020/11/22/joplin-toc-customizing/