All Projects → xxxxue → Docsify-Build-Sidebar

xxxxue / Docsify-Build-Sidebar

Licence: other
😆 Docsify 侧边栏 : 【自动生成 Docsify 的 Sidebar 与 子目录 Sidebar】

Programming Languages

C#
18002 projects

Projects that are alternatives of or similar to Docsify-Build-Sidebar

Blazorise
Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Bulma, AntDesign, and Material.
Stars: ✭ 2,103 (+6272.73%)
Mutual labels:  sidebar
docs-zh
docsify 中文文档
Stars: ✭ 235 (+612.12%)
Mutual labels:  docsify
kirby-previewfiles
💪 A Kirby field to enable file thumbnail preview in the panel sidebar
Stars: ✭ 35 (+6.06%)
Mutual labels:  sidebar
Vim Markbar
Display all accessible marks and their surrounding lines in a collapsible sidebar.
Stars: ✭ 159 (+381.82%)
Mutual labels:  sidebar
Animsidebar
A SiderBar base on Android that has a beautiful anim
Stars: ✭ 220 (+566.67%)
Mutual labels:  sidebar
docsify-ssr-demo
NOTICE: This repo is outdated and SSR is work-in-progress.
Stars: ✭ 61 (+84.85%)
Mutual labels:  docsify
Sidebar
Sidebars for web apps
Stars: ✭ 127 (+284.85%)
Mutual labels:  sidebar
content-aware-sidebars
WordPress Plugin to create and display custom sidebars according to the content being viewed. Fast and powerful.
Stars: ✭ 21 (-36.36%)
Mutual labels:  sidebar
Semantic Ui
Semantic is a UI component framework based around useful principles from natural language.
Stars: ✭ 49,729 (+150593.94%)
Mutual labels:  sidebar
vue-modal
A customizable, stackable, and lightweight modal component for Vue.
Stars: ✭ 96 (+190.91%)
Mutual labels:  sidebar
Angular Pro Sidebar
Responsive sidebar template with dropdown menu built with angular 7 and bootstrap 4
Stars: ✭ 160 (+384.85%)
Mutual labels:  sidebar
Treestyletab
Tree Style Tab, Show tabs like a tree.
Stars: ✭ 2,438 (+7287.88%)
Mutual labels:  sidebar
HypeStyle
Small, useful CSS library build on utility classes & components.
Stars: ✭ 28 (-15.15%)
Mutual labels:  docsify
Rxtool
Android开发人员不得不收集的工具类集合 | 支付宝支付 | 微信支付(统一下单) | 微信分享 | Zip4j压缩(支持分卷压缩与加密) | 一键集成UCrop选择圆形头像 | 一键集成二维码和条形码的扫描与生成 | 常用Dialog | WebView的封装可播放视频 | 仿斗鱼滑动验证码 | Toast封装 | 震动 | GPS | Location定位 | 图片缩放 | Exif 图片添加地理位置信息(经纬度) | 蛛网等级 | 颜色选择器 | ArcGis | VTPK | 编译运行一下说不定会找到惊喜
Stars: ✭ 11,567 (+34951.52%)
Mutual labels:  sidebar
IBMi-Book
"Learning IBM i as a Web Developer", my subpar eBook for learning the basics of IBM i, RPGLE, Control Language, and more from the eyes of a web developer.
Stars: ✭ 31 (-6.06%)
Mutual labels:  docsify
Material Dashboard React
React version of Material Dashboard by Creative Tim
Stars: ✭ 1,947 (+5800%)
Mutual labels:  sidebar
toppy
Overlay library for Angular 7+
Stars: ✭ 81 (+145.45%)
Mutual labels:  sidebar
pandoc-toc-sidebar
A Pandoc HTML template with TOC on the sidebar, using Bootstrap 3
Stars: ✭ 56 (+69.7%)
Mutual labels:  sidebar
soldoc
A solidity documentation generator, based in NatSpec format. 📃 with standalone HTML, pdf, gitbook and docsify output ✏️ just plug and play.
Stars: ✭ 54 (+63.64%)
Mutual labels:  docsify
discord-sidebar-price-bot
A minimal Discord sidebar price bot (supports forex, crypto, eth gas & fear and greed index)
Stars: ✭ 37 (+12.12%)
Mutual labels:  sidebar

🐵 DocsifyBuildSidebar For C#

自动生成 docsify 的 sidebar 和 每个子目录中的 sidebar

Docsify官网

用golang复刻的源码
https://github.com/xxxxue/GoBuildDocsifySidebar
Releases中文件支持 3大主流平台, golang可执行文件较小,方便下载.

网站的部署

  • Vercel (免费全自动部署): 直接关联github私有/公有仓库,nodejs那几个命令不用填, 直接部署即可,3秒即可成功.每次提交代码,Vercel都会自动部署.
  • Github Page: 国内访问太慢了.
  • Gitee Pages (码云) : 比较辣鸡,白嫖党需要每次手动点击更新. 而且还有违禁违规内容审查, 我笔记里的汇编代码 被认为是违规内容??? 不让我部署.总不能把笔记删掉吧,后来就一直没有部署.都是本地去查看,再后来我发现了Vercel, 用过后只想说 Vercel YYDS !

还没使用过的平台

使用方法:

  1. 在github页面右侧的"Releases" 中下载编译好的软件
  2. 修改Config中的HomePath自己电脑上的目标根目录
  3. 双击exe执行

小技巧:

可以右键单击exe,创建一个 快捷方式,

把这个快捷方式剪切到自己的项目根目录,

以后就不用每次都去找 exe 了

首页效果

- [C_Sharp](C_Sharp/)
  - [TestPaper](C_Sharp/TestPaper/)
    - [1](C_Sharp/TestPaper/1.md)
    - [2](C_Sharp/TestPaper/2.md)
  - [Docker](C_Sharp/Docker.md)
  - [EFCore](C_Sharp/EFCore.md)
  - [Furion](C_Sharp/Furion.md)
  - [RX](C_Sharp/RX.md)
  - [SpectreConsole](C_Sharp/SpectreConsole.md)
  - [Utils](C_Sharp/Utils.md)
- [Java](Java/)
  - [Github](Java/Github.md)
- [JavaScript](JavaScript/)
  - [AutoJs](JavaScript/AutoJs/)
    - [code](JavaScript/AutoJs/code.md)
    - [test1](JavaScript/AutoJs/test1/)
      - [te](JavaScript/AutoJs/test1/te.md)
      - [test2](JavaScript/AutoJs/test1/test2/)
        - [aaa](JavaScript/AutoJs/test1/test2/aaa.md)
  - [Docsify](JavaScript/Docsify.md)
  - [Github](JavaScript/Github.md)
- [Ubuntu](Ubuntu/)
  - [Commands](Ubuntu/Commands.md)

1级子目录

- [返回首页](/)
- [C_Sharp](C_Sharp/)
  - [TestPaper](C_Sharp/TestPaper/)
    - [1](C_Sharp/TestPaper/1.md)
    - [2](C_Sharp/TestPaper/2.md)
  - [Docker](C_Sharp/Docker.md)
  - [EFCore](C_Sharp/EFCore.md)
  - [Furion](C_Sharp/Furion.md)
  - [RX](C_Sharp/RX.md)
  - [SpectreConsole](C_Sharp/SpectreConsole.md)
  - [Utils](C_Sharp/Utils.md)

n级子目录

- [返回上一级 [C_Sharp]](C_Sharp/)
- [TestPaper](C_Sharp/TestPaper/)
  - [1](C_Sharp/TestPaper/1.md)
  - [2](C_Sharp/TestPaper/2.md)

界面效果

image-20220501150050290

docsify index.html 模版

<!-- index.html -->

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/themes/vue.css" />

    <!-- 文件夹样式 -->
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/sidebar-folder.min.css" />
    <!-- 箭头样式 -->
    <!-- <link rel="stylesheet" href="https://github.com//cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/sidebar.min.css" /> -->
  </head>
  <body>
    <div id="app"></div>
    <script>  
      window.$docsify = {
        name: "Blog",
        // 侧边栏文档目录
        loadSidebar: true,

        subMaxLevel: 2,
        alias: {
          "/.*/_sidebar.md": "/_sidebar.md",
        },
        // 跳转后自动到顶部
        auto2top: true,

        coverpage: true,
        // PLUGINS
        // ----------------------------------------------------------------
        // 页面右侧toc
        toc: {
          tocMaxLevel: 2,
          target: "h2, h3, h4, h5, h6",
        },

        // 全文搜索
        search: {
          depth: 6,
          noData: "没有搜到!",
          placeholder: "搜索...",
          // 避免搜索索引冲突,同一域下的多个网站之间
          namespace: "website-1",
        },
        // 底部导航
        pagination: {
          previousText: "上一页",
          nextText: "下一页",
          crossChapter: true,
          crossChapterText: true,
        },
        // 字数统计
        count: {
          countable: true,
          position: "top",
          margin: "10px",
          float: "right",
          fontsize: "0.9em",
          color: "red",
          language: "chinese",
          localization: {
            words: "",
            minute: "",
          },
          isExpected: true,
        },
      };
    </script>
    <!-- docsify -->
    <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/docsify.min.js"></script>  

    <!-- 代码高亮  https://cdn.jsdelivr.net/npm/prismjs@1/components/ -->
	
    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>	
    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-cmake.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-java.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-csharp.min.js"></script>     
    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-docker.min.js"></script>  
	<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-powershell.min.js"></script>  


    <!-- 多tab支持 -->
    <script src="https://cdn.jsdelivr.net/npm/docsify-tabs@1/dist/docsify-tabs.min.js"></script>

    <!-- 代码复制 -->
    <script src="https://cdn.jsdelivr.net/npm/docsify-copy-code@2/dist/docsify-copy-code.min.js"></script>

    <!-- 底部 上一页下一页 -->
    <script src="https://cdn.jsdelivr.net/npm/docsify-pagination@2/dist/docsify-pagination.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/external-script.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/ga.min.js"></script>

    <!-- 全文搜索 -->
    <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/search.js"></script>

    <!-- 图片放大缩小 -->
    <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/zoom-image.min.js"></script>

    <!-- 字数统计 -->
    <script src="https://cdn.jsdelivr.net/npm/docsify-count@latest/dist/countable.min.js"></script>

    <!-- 侧边栏目录折叠 -->
    <script src="https://cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>

    <!-- 页面右侧 TOC -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/docsify-plugin-toc.min.js"></script>

      <!-- emoji -->
      <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
  </body>
</html>

开发环境

.Net6

VS2022

联系方式

QQ: 1659809758

支持作者

pay

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].