Docsify 的边栏目录如何设置

最新推荐文章于 2024-06-11 12:18:19 发布
最新推荐文章于 2024-06-11 12:18:19 发布
阅读量1.9k 收藏 1
点赞数 2
分类专栏： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huyuchengus/article/details/110302490
版权

如下图中的文档中的 docsify 边栏是如何设置的？

 

docsify-sidebar-01

 

配置方法

在你的项目的 index.html 文件中，添加参数：

loadSidebar: true

然后再在项目中添加一个 _sidebar.md 文件，这个文件的格式为：

- CWIKIUS 文档概述
  - [文档介绍和快速链接](README.md)
  - [公众平台](CONTACT.md)

- Gradle
  - [Deploy](deploy.md)
  
- 其他小工具
  - [JWT](jwt/README.md)

- [Awesome docsify](awesome.md)
- [Changelog](changelog.md)

采用分级的方式链接到你的项目文档路径中。

 

docsify-sidebar-02

 

然后保存提交就可以了。

https://www.ossez.com/t/docsify/740

HoneyMoose
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
docsify-sidebar-collapse:一个docsify插件，支持侧边栏目录的扩展和折叠
05-11
docsify-sidebar-collapse 支持docsify侧边栏目录扩展和折叠 预习 用法 首先，确保已启用配置，并且根目录中提供了Markdown文件_sidebar.md 。 然后将脚本插入文档中，就像的用法一样 < script > window . $docsify = { loadSidebar : true , alias : { '/.*/_sidebar.md' : '/_sidebar.md' , } , subMaxLevel : 3 , ... sidebarDisplayLevel : 1 , // set sidebar display level } </ script > < script src =" //cdn.jsdelivr.net/npm/docsify/lib/doc
【docsify】docsify自动生成侧边栏
huichen1233的博客
04-04 1025
docsify自动根据目录结构生成对应侧边栏文件_sidebar.md
搭建Docsify并自动生成目录访问markdown笔记
最新发布
qq_74177889的博客
06-11 423
为了将自己写的markdown笔记都放到网页上，方便查阅，固选择Docsify和自动生成侧边栏目录的方式，效果非常优秀。启动一个本地服务器，可以方便地实时预览效果。默认访问地址 http://localhost:3000。将这里指定为自己的文档根目录,然后点击快捷方式就会自动生成目录了。初始化成功后，可以看到 ./docs 目录下创建的几个文件。// 避免搜索索引冲突,同一域下的多个网站之间。安装 docsify-cli 工具。// 跳转后自动到顶部。// 侧边栏文档目录。// 页面右侧toc。
Docsify : 自动生成sidebar与子目录sidebar
04-26
自动生成sidebar与子目录sidebar
Docsify 侧边栏 : 自动生成sidebar与子目录sidebar
未将对象引用设置到对象的实例
12-10 4906
Docsify 侧边栏 : 自动生成sidebar与子目录sidebar https://github.com/xxxxue/Docsify-Build-Sidebar
docsify单文档生成页面侧边栏可折叠
qq_60876952的博客
05-29 1410
因为点击侧边栏也会跳转到对应位置，所以只需要监听滚动事件就可以了，但是还有一个明显的bug，当文档从下往上滚动时，触发不到箭头切换，暂时还没有想到好的解决思路，如果大佬们有其他方法，希望能给小弟推荐一下，感激不尽。本来呢是用这个东西做一个使用文档， 但是在使用时遇到一个问题，单个markdown文档生成出来了三级目录，要求侧边能够折叠并且有下一级的情况下展示出折叠箭头， 有人推荐使用。文件，所有转换工作都是在运行时。如果你想要开始使用它，只需要创建一个。箭头是有了，接下来就剩展开与收起时箭头的切换了。
docsify 自定义右侧md目录功能
09-21
`docsify`内置了自动生成目录的功能，它会根据Markdown文件中的标题结构生成一个可点击的侧边栏目录。这个功能对于浏览长篇文章或者多层级的内容十分有用，因为它允许用户快速跳转到感兴趣的部分。但是，有时候我们...
mydocsify：我的docsify配置
02-26
在 `mydocsify` 中，这个文档被设置为打开目录时默认显示的页面，这为用户提供了一个清晰的起点，让他们能立即理解项目的用途和结构。 此外，`mydocsify-master` 文件夹可能包含了整个文档结构，包括各种子目录和 ...
docsify:docsify文档
03-18
4. **插件扩展**：docsify拥有丰富的插件生态系统，包括搜索、侧边栏、目录、GitHub stars统计等，这些插件可以进一步增强文档的功能性和用户体验。 5. **SEO优化**：通过配置元信息，docsify可以生成利于搜索引擎...
docsify-plugin-toc:docsify页面的目录（目录）
05-26
docsify-plugin-toc 页面的ToC以进行文档化。 用法 配置docsify-plugin-toc： < script > window . $docsify = { toc : { tocMaxLevel : 5 , target : 'h2, h3, h4, h5, h6' } , } </ script > 将脚本插入到docsify文档中： < script src =" //unpkg.com/docsify-plugin-toc " > </ script > 选项 争论 类型 描述 tocMaxLevel number ToC上打印的标题的最大深度。 如果将tocMaxLevel设置为3，建议您将subMaxLevel设置为2，以避免ToC复制。 target string 目标标题打印在目录上。 它用作通过quer
docBook::hatching_chick:很棒的启动器，就像docsify一样。包括侧边栏，标题和搜索。 :front-facing_baby_chick:
03-21
太空书 创建自己的太空书并根据需要对其进行自定义。 Spacebook可以快速设置，免费和100％开放源代码。 Spacebooks是现代的笔记本，您可以用来创建文档，勾勒出新的想法，构建简单的网站或任何适合您的想法。 演示和文档： :person_raising_hand: :collision: :woman_medium_skin_tone::rocket: :rocket: ‍:rocket: :satellite: 贡献 如果您想为Spacebook做出贡献或进行修复，则最好直接派生此存储库并向其提交拉取请求。如果您在演示/文档站点上发现了错字，也可以直接从每个页面顶部的“编辑”按钮打开一个分叉。 安装太空书 如果要快速安装以进行本地测试，请遵循以下说明： 要求 由于Tailwind 2.0版本，您必须运行Node版本12或更高版本。如果您需要在旧版本之间来回切换，建议使用NVM轻松管理您的Node版本。 （可选） 要查找您当前的节点版本： node --version 第一步 git clone https://github
docsify简单教程
astdnb9286的博客
01-09 695
简介 一个神奇的文档网站生成器。 简单而轻便（〜18kB压缩） 没有静态构建的HTML文件 多个主题 快速开始 建议docsify-cli全局安装，这有助于本地初始化和预览网站。 npm i docsify-cli -g 初始化 如果在根目录中编写文档 docsify init ./ 写作内容 在之后init完成后，你可以看到在文件列表./根目录。 index.html 作为入口文...
docsify 初次使用
weixin_46096901的博客
04-28 2150
docsify——一个神奇的文档网站生成工具 写项目手册使用到了一个非常好用的框架，个人也是第一次接触，但是看了十分钟文档就能上手了，非常简单，官方文档写的也是很清楚，（除了中文文档经常404之外），各种插件，api也是很简单。 官方文档：https://docsify.js.org/ 怎么用： 1. 全局安装docsify npm i docsify-cli -g 2. 初始化项目 docs...
Docsify侧边栏多级子目录生成
csding11的博客
08-13 1104
自动生成 docsify 的 sidebar 和 每个子目录中的 sidebar。
工具--docsify详解
热门推荐
李宥的博客
04-29 2万+
docsify详解 一、docsify入门 1、简介 docsify 可以快速帮你生成文档网站。不同于 GitBook、Hexo 的地方是它不会生成静态的 .html 文件，所有转换工作都是在运行时。如果你想要开始使用它，只需要创建一个 index.html 就可以开始编写文档并直接部署。 官网地址：https://docsify.js.org/#/zh-cn/ 2、特性 无需构建，写完文档直接发布 容易使用并且轻量 (压缩后 ~21kB) 智能的全文搜索 提供多套主题 丰富的 API 支持 Emoji
docsify - 生成文档网站简单使用教程
weixin_33874713的博客
12-31 3152
1. docsify介绍 docsify 是一个动态生成文档网站的工具。不同于 GitBook、Hexo 的地方是它不会生成将 .md 转成 .html 文件，所有转换工作都是在运行时进行。 这将非常实用，如果只是需要快速的搭建一个小型的文档网站，或者不想因为生成的一堆 .html 文件“污染” commit 记录，只需要创建一个 ind...
docsify笔记 01：快速入门
Naisu的各种笔记
12-09 1372
docsify 是一个可以快速的将现有的 Markdown 文档组织成为文档网站的工具。这篇文章将对 docsify 的入门使用事项做个记录说明。
docsify编写自己的文档库
liaomin416100569的专栏
03-24 1697
文章目录docsify简介docsify环境安装环境安装测试左侧导航栏docsify多文档 docsify简介 docsify 是一个动态生成文档网站的工具。不同于 GitBook、Hexo 的地方是它不会生成将 .md 转成 .html 文件，所有转换工作都是在运行时进行。 这将非常实用，如果只是需要快速的搭建一个小型的文档网站，或者不想因为生成的一堆 .html 文件“污染” commit 记...
在hexo博客系统中接入docsify文档管理系统
技术篮子
05-13 1285
博主的hexo博客搭建在GitHub上，现在想要在上面再添加一个dosify文档管理，于是就有了这篇博客。 注意：要完成本博客达到的效果，你需要准备一个域名。若无域名，可以将其搭建在Gitee上。 一、部署前的准备 1.安装docsify-cli npm i docsify-cli -g tip： 本博客已默认读者已经安装node.js和npm。若未安装，请看我的上篇博客win10系统完成Hexo博客GitHub Page建站从安装到部署 2.解析域名并部署项目 在github中新建一个r..
markdown 侧边栏目录 js
09-07
Markdown 侧边栏目录 JS 是用于在 Markdown 文档中创建一个侧边栏目录的 JavaScript 库。它为用户提供了一种简单的方式来将 Markdown 文档内容自动生成为带有目录的侧边栏。 Markdown 是一种轻量级标记语言，用于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HoneyMoose

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值