Markdown-Navbar —— 可能是最好用的markdown文章导航组件

yexiaobai 发布于2019-08-22 14:48 / 3343人阅读

摘要：这可能是最实用的文章结构树组件，使用此组件，你可以为读者显示文章目录点击目录跳转到文章对应内容分享带锚点值的给读者

这可能是最实用的markdown文章结构树组件，使用此组件，你可以：

为读者显示文章目录

点击目录跳转到文章对应内容

分享带锚点hash值的url给读者

Best markdown navigation bar for React.

git repo

Install

yarn add markdown-navbar

npm install markdown-navbar

Usage

import MarkNav from "markdown-navbar";
import "markdown-navbar/dist/navbar.css";

const content = "## Heading One...

## Heading Two...
";

Screenshots

Options

property	type	default value	use
className	string	""	The className that defines the outermost container of navbar
source	string	""	Markdown text content
headingTopOffset	number	0	Anchor relative to the top of the window displacement (for the anchor jump)
ordered	boolean	true	Whether the title contains a numerical prefix, such as: 1. 2. 2.2

License

Markdown-Navbar is released under the MIT license.

GPU服务器私有云也有可能是action linux最好用的最好用的linux 最好用的cdn

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92884.html

手把手教你用React实现一个简单的个人博客

摘要：官方文档中文文档基本使用注意一定要在根目录的中声明，要不然点击任何链接都无法跳转。官方文档中文文档简单的来说，每一次的修改状态都需要触发，然而其实项目中我现在还没用到修改数据。。。学习 React 的过程中实现了一个个人主页，没有复杂的实现和操作，适合入门 ~ 原文地址：https://github.com/axuebin/react-blog/issues/17 这个项目其实功能...

zhaochunqi 2019-08-21 16:49 评论0 收藏0
超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件合集

摘要：分享一些超好用插件，打造一个不一样的浏览器编辑器。一谷歌浏览器插件谷歌访问助手强烈推荐一键安装，无需其他配置，即可访问谷歌。谷歌浏览器是很耗内存的，该插件会自动挂起长时间未使用的网页，来释放系统资源。 showImg(https://segmentfault.com/img/remote/1460000014011338); 分享一些超好用插件，打造一个不一样的 GitHub、浏览器、...

Rango 2019-08-22 15:45 评论0 收藏0
个人博客全新UI：我心中你最美

摘要：那个月就是对着和的文档写出来了网站的前后端，也是第一次买服务器备案网站做反向代理读文档学做，怀念那些时光，让现在的网站有了基础。因此，管理系统听歌台被抽离成了单独的应用，后台利用做反向代理，用二级域名记性访问。不知道你是否也有想过完全用自己的代码实现自己的个人博客？定制专属 UI、定制专属逻辑、在信息爆炸的时代真正地沉淀下属于自己的东西。我也曾经历了同样的纠结，最终下定决心做了自己的...

oliverhuang 2019-08-23 11:52 评论0 收藏0
从今天开始，拿起VuePress打造属于自己的专属博客

摘要：故九万里，则风斯在下矣，而后乃今培风背负青天，而莫之夭阏者，而后乃今将图南。这里是文件的内容部分最后更新时间最后更新时间默认不开启，它是基于提交的时间戳，所以我们的静态站点是需要通过的仓库进行管理的，并且它是按的时间来计算的。VuePress(0.x版本) 本blog配套了一个基于 VuePress 的一个简单的配置案例，此配置案例包含了本blog绝大部分配置案例，更多详情请移步这里VueP...

dantezhao 2019-05-22 17:59 评论0 收藏0