0.1.3 • Published 4 years ago
blog-directories v0.1.3
blog-directories
blog-directories 是一个为你的博客文章添加目录的 typescript 小插件。
通过获取‘h’标签生成 html 来实现。
How to use
npm i blog-directories
<div id="article_content" dangerouslySetInnerHTML={{ __html: this.props.result.valueHtml }}/></div>
<div id="directories_box"></div>
import PostDir from "blog-directories";
import "blog-directories/style/default.css";
const postDir = new PostDir({
postContainer: "article_content",
hierarchy: ["h2", "h3"],
directoriesRoot: "directories_box",
});
postDir.render();
hierarch
需要生成目录导航的 H 标签,如'h1','h2','h3','h4','h5'、'h2','h3',标签不可跳跃。你应根据自己博客实际情况修改~
directoriesRoot
目录导航组件的容器标签(id 标签),需要自己定义
postContainer
博客文章内容的父标签(id 标签)
The parent tag("use id,not class") of the content of a blog post
Others
样式可以自己修改,目前只是写了个最简单的(我是真的不喜欢写样式。
you can modify styles , I just wrote the simplest one.