# typora-sidebar

**Repository Path**: tun_tun/typora-sidebar

## Basic Information

- **Project Name**: typora-sidebar
- **Description**: typora导出html的时候没有导航，所以自己写了一个
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 13
- **Forks**: 1
- **Created**: 2021-02-12
- **Last Updated**: 2024-02-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

#### 使用方法

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

找到文档最后面，如图：

![image-20210212201857794](./img/image-20210212201857794.png)

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

![image-20210212202053011](./img/image-20210212202053011.png)

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



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

![image-20210212202259828](./img/image-20210212202259828.png)

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

![image-20210212202334403](./img/image-20210212202334403.png)

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

（所有代码由吞吞编写，blog地址：[blog](https://blog.csdn.net/Nozomi0609)，gitee地址：[typora-sidebar](https://gitee.com/tun_tun/typora-sidebar)）