Haodong Ling

Haodong Ling

Outline for Typora

Outline for Typora

Generate navigation sidebar for HTML exported from Markdown by Typora. Inspired by markdown_nav.

 

Preview

Example:

Preview

 

Usage

Typora

Download this repository and include following files in your Markdown:

<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="outline/outline.js"></script>
<link rel="stylesheet" type="text/css" href="outline/outline.css">

Modify your site icon in outline.js:

var ico_link = "<link rel=icon type=image/png href=example.ico>";

Then use Typora to export the Markdown into HTML.

Note: It performs heading 2 to 4 only.

 

Common HTML

Include above-mentioned files and contain your content in <div id='write'></div>:

<body>
    <div id='write'>
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <!--- ...... --->
    </div>
</body>