跳至主要內容

一键生成基于 docsify 框架网站的侧边栏

悟空开源项目博客美化docsify约 376 字大约 1 分钟...

背景

docsify 网站的侧边栏每次都需要手动添加菜单链接,比较麻烦,想要一键自动生成目录。比如下图框起来的目录。

当我们需要修改侧边栏菜单时,需要编辑 _sidebar.md 文件才行。

image-20240906220823739
image-20240906220823739

该文件的内容如下:

那有没有一种办法能自动添加侧边栏目录,或者一键生成侧边栏目录呢?

我写了一个小工具,一键生成docsify 的目录,github 上开源了。

包含功能

  • 一键生成docsify 的目录文件 _sidebar.md 和 README.mdopen in new window 文件。
  • 上传修改的文件到 Git 仓库。
  • Ssh登录网站服务器拉取最新仓库代码,更新网站菜单。

前提

Git 仓库

本地网站代码需要配置远程的代码仓库地址和分支。提交命令在代码里面,如下所示:

git push origin main

网站服务器登录账号

该开源项目里面的登录方式用的是密钥文件。

代码

docsify-generate-sidebaropen in new window

调整内容

修改以下四项内容,可以全局搜索替换下。

// 网站代码的根目录
String rootFolder = "/Users/wukong/xxx/docs/";
// 服务器密钥路径
String keyPath = "~/xxx";
// 服务器上的网站部署路径
String remoteDirectory = "~/jay/geek/docs";
String filePathWithHttpLink = ("http://你的网站地址/#" + filePath).replace(".md", "");
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v3.3.0