markdown转html生成侧边目录

前言

因为我的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>

增加stlye
效果图:
在这里插入图片描述

总结

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

参考

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值