Watch 0 Star 1 Fork 1

Renovamen / outline-for-typoraCSS

Join us
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Generate navigation sidebar for HTML exported from Markdown by Typora | 给 Markdown 导出的 HTML 添加导航侧边栏 spread retract

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

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>

Comments ( 0 )

Sign in for post a comment

CSS
1
https://gitee.com/Renovamen/outline-for-typora.git
git@gitee.com:Renovamen/outline-for-typora.git
Renovamen
outline-for-typora
outline-for-typora
master

Help Search