<!-- 插件官网地址：http://ruby-china.org/topics/17028 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>markdownToc</title>
<link rel="stylesheet" type="text/css" href="./markdownToc_files/github2-rightpart.css" media="all">
<link rel="stylesheet" type="text/css" href="./markdownToc_files/github1-contents.css">
<link rel="stylesheet" href="./markdownToc_files/zTreeStyle.css" type="text/css">
<style>
.ztree li a.curSelectedNode {
padding-top: 0px;
background-color: #FFE6B0;
color: black;
height: 16px;
border: 1px #FFB951 solid;
opacity: 0.8;
}
.ztree{
overflow: auto;
height:100%;
min-height: 200px;
top: 0px;
}
</style>
</head>
<body style="">
<div>
<div style="width:30%;">
<ul id="tree" class="ztree" style="width: 260px; overflow: auto; position: fixed; z-index: 2147483647; border: 0px none; left: 0px; bottom: 0px;">
<!-- 目录内容在网页另存为之后将插入到此处 -->
</ul>
</div>
<div id="readme" style="width:70%;margin-left:25%;">
<article class="markdown-body">
<!-- ***********************************************************内容分割线****************************************************************** -->
<!-- 请把你的html正文部分粘贴到此处，在浏览器中打开之后将会自动生成目录。如果想要将目录保留并嵌入到此文档中，只需在浏览器中“另存为->网页，全部”即可 -->
<h1>这是标题1</h1>
<h2>这是标题1.1</h2>
<p>这是一段内容，它归属于标题1.1，这是一段内容，它归属于标题1.1，这是一段内容，它归属于标题1.1，这是一段内容，它归属于标题1.1，这是一段内容，它归属于标题1.1，这是一段内容，它归属于标题1.1，这是一段内容，它归属于标题1.1，这是一段内容，它归属于标题1.1，这是一段内容，它归属于标题1.1，这是一段内容，它归属于标题1.1，</p>
<h2>这是标题1.2</h2>
<p>这是一段内容，它归属于标题1.2，这是一段内容，它归属于标题1.2，这是一段内容，它归属于标题1.2，这是一段内容，它归属于标题1.2，这是一段内容，它归属于标题1.2，这是一段内容，它归属于标题1.2，</p>
<h1>这是标题2</h1>
<h2>这是标题2.1</h2>
<p>这是一段内容，它归属于标题2.1，这是一段内容，它归属于标题2.1，这是一段内容，它归属于标题2.1，这是一段内容，它归属于标题2.1，这是一段内容，它归属于标题2.1，这是一段内容，它归属于标题2.1，</p>
<h2>这是标题2.2</h2>
<p>这是一段内容，它归属于标题2.2，这是一段内容，它归属于标题2.2，这是一段内容，它归属于标题2.2，这是一段内容，它归属于标题2.2，这是一段内容，它归属于标题2.2，这是一段内容，它归属于标题2.2，</p>
<!-- ***********************************************************内容分割线****************************************************************** -->
</article>
</div>
</div>
<script src="./markdownToc_files/jquery-1.10.2.min.js"></script>
<script src="./markdownToc_files/jquery.ztree.all-3.5.min.js"></script>
<script src="./markdownToc_files/jquery.ztree_toc.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tree').ztree_toc({
is_auto_number:false,
documment_selector:'.markdown-body',
is_expand_all: true
});
});
</script>
</body>
</html>
markdown生成目录/侧边栏目录
需积分: 39 90 浏览量
2018-02-27
15:09:36
上传
评论
收藏 113KB ZIP 举报
markdow生成侧边栏目录模板.zip （9个子文件） 
markdow生成侧边栏目录模板 
模板-注意修改名称.html 4KB markdownToc_files 
github2-rightpart.css 254KB img 
line_conn.gif 45B
zTreeStandard.png 11KB jquery-1.10.2.min.js 91KB jquery.ztree.all-3.5.min.js 59KB jquery.ztree_toc.min.js 3KB zTreeStyle.css 6KB github1-contents.css 16KB资源评论
