typora如何导出html左侧目录,Typora配置正文、目录、侧边大纲中的标题自动编号...

本文介绍了如何在Typora中通过自定义CSS实现标题编号和左侧目录的自动更新。通过创建base.user.css文件并添加相应样式,可以为Typora的TOC和正文中的各级标题添加有序编号,提升阅读和导航体验。
摘要由CSDN通过智能技术生成

打开Typora偏好设置,打开主题文件夹,在主题文件夹中创建base.user.css文件,放置以下内容,则Typora自带的几个主题都会生效。

/**************************************

* Header Counters in TOC

**************************************/

/* No link underlines in TOC */

.md-toc-inner {

text-decoration: none;

}

.md-toc-content {

counter-reset: h1toc

}

.md-toc-h1 {

margin-left: 0;

font-size: 1.5rem;

counter-reset: h2toc

}

.md-toc-h2 {

font-size: 1.1rem;

margin-left: 2rem;

counter-reset: h3toc

}

.md-toc-h3 {

margin-left: 3rem;

font-size: .9rem;

counter-reset: h4toc

}

.md-toc-h4 {

margin-left: 4rem;

font-size: .85rem;

counter-reset: h5toc

}

.md-toc-h5 {

margin-left: 5rem;

font-size: .8rem;

counter-reset: h6toc

}

.md-toc-h6 {

margin-left: 6rem;

font-size: .75rem;

}

.md-toc-h1:before {

color: black;

counter-increment: h1toc;

content: counter(h1toc) “. “

}

.md-toc-h1 .md-toc-inner { </

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值