typora导出html添加侧边栏

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量1.3k 收藏 3
点赞数 4
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Nozomi0609/article/details/113796842
版权

因为typora导出的html文件没有侧边栏，网上搜的又不好用，所以只能自己写一个QWQ

使用方法

首先要从typora导出html文件，之后用记事本或者VSCode或者其他编辑器打开此html文件

找到文档最后面，如图：

在这里插入图片描述

之后用记事本或者其他文字编辑类工具打开sideBar.txt，复制其中所有内容

在这里插入图片描述

在如上图的位置插入所复制的内容

打开修改过的html文件后左上角会出现一个按钮

在这里插入图片描述

点击按钮出现标题的大纲视图

在这里插入图片描述

点击其中的标题可以跳转至对应的内容，再次点击按钮可以隐藏大纲视图

gitee地址：typora-sidebar

希魔王的塔罗牌
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
Typora导出HTML图片处理工具
03-28
为了方便分享传输，Typora导出HTML格式文件之后，本地图片路径不方便转换，通过此工具可以快速将图片进行转码，只留下一个HTML格式文件，随意储存和网络传输。
Markdown生成左侧目录
Android菜鸟的专栏
05-25 8741
使用Typora来编写Markdown文档时，可以很方便的生成目录，但是目录默认是在顶部的，用户体验并不友好，当点击了一个条目跳转后，想在回到顶部目录比较麻烦。 在源码模式下，在文件的最开始加入如下代码： <style> .md-toc{z-index:999;display: block; position: fixed; left: 50px; top: 200px;} </style> &#91;toc] ......
解决Typora导出HTML不显示图片
Keven_6的博客
02-11 870
Typora导出HTML不显示图片，可能时图片存放在我们的硬盘中。我们可以将markdown中的图片转化为base64格式，嵌入到html中。
工具--Typora详解
热门推荐
李宥的博客
01-23 5万+
工具–MarkDown+Typora详解 零、文章目录 一、MarkDown 1、MarkDown是什么 Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。 Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。 Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。 Markdown 编写的文档后缀为 .md, .markdown。 常用markdown编辑器，种类繁多，自己选择自己喜欢的产
typora导出html添加目录
qq_45740503的博客
01-09 745
typora导出html添加目录
typora生成html添加侧边目录
ibigboy
07-08 2903
先导出HTML文件： 然后找到导出的HTML文件，用记事本或notepad++或别的文本编辑器打开，把如下代码粘贴到</body>下面，保存即可 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="http://yandex.st/highlightjs/6.2/highlight.min.js"></script> &lt
Typora 生成的HTML左侧增加导航
wen_t的博客
03-16 5556
使用notepad或notepad++等编辑器打开html， <body class='typora-export os-windows' > 将附件内容全选，复制，粘贴在这里 <div>....</div> </body> 如图 ...
typora生成html添加侧边目录/typora侧边栏与正文,toc都带序号
酒逢知己千杯少,欢迎驾临
08-16 1万+
转html 打开typora文件 --> 导出 --> html 用编辑器(记事本,editplus,gvim,vscode,Hbuilder),我用的Hbuilder,把如下代码粘贴到</body>下方 <body> .... </body> ***粘贴到此处*** 代码 <!-- <script src="http://code.j...
typora怎么生成侧边目录html,Typora配置正文、目录、侧边大纲中的标题自动编号...
weixin_33736666的博客
06-05 2253
打开Typora偏好设置，打开主题文件夹，在主题文件夹中创建base.user.css文件，放置以下内容，则Typora自带的几个主题都会生效。/*************************************** Header Counters in TOC**************************************//* No link underlines in T...
Typora导出HTML，图片内嵌Python脚本
02-03
Typora导出设置： 1. 导出->HTML:导出后，运行自定义脚本，勾选； 2. 命令框填入：python R:\Tools\01-Source\01-Scripts\Typora_html.py --dir "${currentFolder}" --file "${currentFileFullName}" --out "${...
Typora图片自动编号（导出也生效）
04-29
Typora图片自动编号，导出为html、pdf也生效
7使用typora生成pdf和html文件..pcf.mp4
04-03
1.前端开发视频教程； 2.前端开发全套教程的其中一个； 3.想学习前端的可以下载观看； 1.前端开发视频教程； 2.前端开发全套教程的其中一个； 3.想学习前端的可以下载观看；
markdown toc 生成--自动生成markdown文档侧边栏目录
06-30
本资源提供了一个简单方法，用于生成华丽的markdown文档侧边栏目录。本资源包含一个模板文档，没有任何程序代码，简单易用。本模板是对开源项目 i5ting-i5ting_ztree_toc-0.3.0-11 的精简，主要是针对Windows下无法安装项目作者给出的软件（仅适用于Linux）的问题进行一定的优化。经过精简之后，使用方法非常简单，仅仅是一次复制&一次粘贴。
给markdown生成的html添加左侧边栏目录(TOC)
08-13
给markdownPad2生成的html页面添加左侧边栏目录(TOC)。
VLOOK:Typora导出HTML增强插件。 降价促销
05-12
是针对 （跨平台 Markdown 编辑器）的 主题包 和 增强插件（针对导出的 HTML 文件）。 is a Theme Pack and Enhanced Plug-in for (for exported HTML files). VLOOK:trade_mark: 也许是目前最好的 Markdown 增强...
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 534
步骤很详细，直接上教程……
vue2---修饰符
weixin_45503872的博客
04-24 1023
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
Redux 状态持久化之 redux-persist 使用示例
笔记、经验、日常分享
04-24 319
同vuex一样，redux中的状态会在刷新浏览器后状态又恢复到初始状态，有些数据想在浏览器刷新后仍然是在最新的状态，不会丢失，就需要借助一些插件实现。本文通过 redux-persist 插件来实现Redux状态的持久化。
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 443
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
typora导出图片编号
11-20
Typora是一款功能强大的Markdown编辑器，能够帮助用户轻松编辑和导出文档。在Typora中，要导出图片编号，需要首先确保在文档中插入了图片，并且设置了图片的编号格式。 要在Typora中导出图片编号，首先需要选择...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值