Markdown-Navbar —— 可能是最好用的markdown文章導(dǎo)航組件

yexiaobai 發(fā)布于2019-08-22 14:48 / 3471人閱讀

摘要：這可能是最實用的文章結(jié)構(gòu)樹組件，使用此組件，你可以為讀者顯示文章目錄點擊目錄跳轉(zhuǎn)到文章對應(yīng)內(nèi)容分享帶錨點值的給讀者

這可能是最實用的markdown文章結(jié)構(gòu)樹組件，使用此組件，你可以：

為讀者顯示文章目錄

點擊目錄跳轉(zhuǎn)到文章對應(yīng)內(nèi)容

分享帶錨點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云服務(wù)器云服務(wù)器也有可能是action linux最好用的最好用的linux 最好用的cdn

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/92884.html

相關(guān)文章

手把手教你用React實現(xiàn)一個簡單的個人博客

摘要：官方文檔中文文檔基本使用注意一定要在根目錄的中聲明，要不然點擊任何鏈接都無法跳轉(zhuǎn)。官方文檔中文文檔簡單的來說，每一次的修改狀態(tài)都需要觸發(fā)，然而其實項目中我現(xiàn)在還沒用到修改數(shù)據(jù)。。。學(xué)習(xí) React 的過程中實現(xiàn)了一個個人主頁，沒有復(fù)雜的實現(xiàn)和操作，適合入門 ~ 原文地址：https://github.com/axuebin/react-blog/issues/17 這個項目其實功能...

zhaochunqi 2019-08-21 16:49 評論0 收藏0
超好用的谷歌瀏覽器、Sublime Text、Phpstorm、油猴插件合集

摘要：分享一些超好用插件，打造一個不一樣的瀏覽器編輯器。一谷歌瀏覽器插件谷歌訪問助手強(qiáng)烈推薦一鍵安裝，無需其他配置，即可訪問谷歌。谷歌瀏覽器是很耗內(nèi)存的，該插件會自動掛起長時間未使用的網(wǎng)頁，來釋放系統(tǒng)資源。 showImg(https://segmentfault.com/img/remote/1460000014011338); 分享一些超好用插件，打造一個不一樣的 GitHub、瀏覽器、...

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

摘要：那個月就是對著和的文檔寫出來了網(wǎng)站的前后端，也是第一次買服務(wù)器備案網(wǎng)站做反向代理讀文檔學(xué)做，懷念那些時光，讓現(xiàn)在的網(wǎng)站有了基礎(chǔ)。因此，管理系統(tǒng)聽歌臺被抽離成了單獨(dú)的應(yīng)用，后臺利用做反向代理，用二級域名記性訪問。不知道你是否也有想過完全用自己的代碼實現(xiàn)自己的個人博客？定制專屬 UI、定制專屬邏輯、在信息爆炸的時代真正地沉淀下屬于自己的東西。我也曾經(jīng)歷了同樣的糾結(jié)，最終下定決心做了自己的...

oliverhuang 2019-08-23 11:52 評論0 收藏0
從今天開始，拿起VuePress打造屬于自己的專屬博客

摘要：故九萬里，則風(fēng)斯在下矣，而后乃今培風(fēng)背負(fù)青天，而莫之夭閼者，而后乃今將圖南。這里是文件的內(nèi)容部分最后更新時間最后更新時間默認(rèn)不開啟，它是基于提交的時間戳，所以我們的靜態(tài)站點是需要通過的倉庫進(jìn)行管理的，并且它是按的時間來計算的。VuePress(0.x版本) 本blog配套了一個基于 VuePress 的一個簡單的配置案例，此配置案例包含了本blog絕大部分配置案例，更多詳情請移步這里VueP...

dantezhao 2019-05-22 17:59 評論0 收藏0