markdown-toc 安装与使用指南

markdown-toc 安装与使用指南

markdown-tocAPI and CLI for generating a markdown TOC (table of contents) for a README or any markdown files. Uses Remarkable to parse markdown. Used by NASA/openmct, Prisma, Joi, Mocha, Sass, Prettier, Orbit DB, FormatJS, Raneto, hapijs/code, webpack-flow, docusaurus, release-it, ts-loader, json-server, reactfire, bunyan, husky, react-easy-state, react-snap, chakra-ui, carbon, alfresco, repolinter, Assemble, Verb, and thousands of other projects.项目地址:https://gitcode.com/gh_mirrors/ma/markdown-toc

1. 项目目录结构及介绍

markdown-toc 是一个用于生成 Markdown 文件中有序目录的 Node.js 工具。其核心源代码位于 lib 目录下,主要包括以下子目录:

  • index.js: 主入口文件,提供了命令行接口(CLI)和 API。
  • parse.js: 解析 Markdown 文件并获取标题信息的模块。
  • create.js: 生成 TOC 的逻辑实现。

此外,bin 目录包含了可执行的 markdown-toc 脚本,可以直接在终端中运行。examples 目录提供了使用示例,test 目录存储测试用例,而 package.json 文件定义了项目的依赖和元数据。

2. 项目的启动文件介绍

安装

首先确保你的系统已经安装了 Node.js 和 npm。接着,你可以通过 npm 来安装 markdown-toc

$ npm install --save markdown-toc

命令行使用

安装完成后,可以通过全局安装使 markdown-toc 可在任何地方使用,或者在本地项目目录中直接调用:

# 全局安装
$ npm install -g markdown-toc

# 或者在本地项目中使用
$ npx markdown-toc

执行 markdown-toc 命令,它会在标准输入 (stdin) 读取 Markdown 文件,然后在标准输出 (stdout) 输出 TOC。

示例

在你想要插入 TOC 的 Markdown 文件顶部添加 <!-- toc --> 标记,然后运行以下命令:

$ markdown-toc -i path/to/your/file.md

这将会在指定位置插入 TOC。

3. 项目的配置文件介绍

markdown-toc 提供了一些命令行选项来定制 TOC 的生成方式:

  • -i, --insert: 更新现有 Markdown 文件,将 TOC 插入到 <!-- toc --><!-- tocstop --> 标记之间。
  • -s, --space: 设置标题缩进空格数量,默认是 2。
  • -l, --maxdepth: 限制 TOC 的最大深度,默认是 6。
  • -f, --fixed: 使用固定格式的序号,而不是递增序号。
  • -n, --numbered: 为所有标题添加编号。
  • --no-autoh1: 避免自动将第一个标题识别为 H1。
  • --brackets: 自定义链接括号 [ ],例如 --brackets '()'

这些选项可以通过在运行命令时传递参数来设置,或者在你的项目中创建一个名为 .markdown-toc.json 的配置文件来保存默认设置。例如:

{
  "space": 4,
  "maxDepth": 4,
  "fixed": true
}

当你使用此配置文件时,只需执行 markdown-toc file.md,工具就会根据文件中的设置生成 TOC。

markdown-tocAPI and CLI for generating a markdown TOC (table of contents) for a README or any markdown files. Uses Remarkable to parse markdown. Used by NASA/openmct, Prisma, Joi, Mocha, Sass, Prettier, Orbit DB, FormatJS, Raneto, hapijs/code, webpack-flow, docusaurus, release-it, ts-loader, json-server, reactfire, bunyan, husky, react-easy-state, react-snap, chakra-ui, carbon, alfresco, repolinter, Assemble, Verb, and thousands of other projects.项目地址:https://gitcode.com/gh_mirrors/ma/markdown-toc

  • 17
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器学习模型机器
vsc-markdown-image是Visual Studio Code(简称为VSC)中一个用于插入和管理Markdown文件中的图片的插件。下面是关于如何使用vsc-markdown-image的方法: 1. 首先,在安装好Visual Studio Code之后,打开软件并在插件商店搜索vsc-markdown-image插件进行安装。 2. 安装完成后,在Visual Studio Code的侧边栏到“扩展”图标(形状为方块),点击展开扩展视图。 3. 在扩展视图的搜索栏中输入“vsc-markdown-image”来到这个插件。点击插件旁边的“设置”图标,进入该插件的配置界面。 4. 在配置界面中,你可以设置默认路径或者使用相对路径来保存图片。你可以选择将图片复制到当前文件夹,或者将其保存到指定的文件夹中。同时,你还可以设置图片的名称前缀和拓展名。 5. 当你编辑Markdown文件时,可以使用以下方式插入和管理图片: - 直接使用快捷键Ctrl + Alt + V,或者右键点击图片位置,选择“插入图片”,然后选择需要插入的图片。 - 在Markdown文档中使用`![图片描述](图片路径)`的语法来插入图片。图片路径可以是绝对路径,也可以是相对路径,视你的配置而定。 6. 插入图片后,你可以点击图片,然后按下Ctrl + Shift + P键(Mac为Cmd + Shift + P),在命令面板中选择“vsc-markdown-image: 当前图片操作”来对图片进行操作,如重命名、移动、复制等。 7. 如果你更新了图片或者需要删除图片,可以右键点击图片,选择相应的选项进行操作。 通过上述步骤,你就可以方便地在Visual Studio Code中使用vsc-markdown-image插件来插入和管理Markdown文件中的图片了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

龙子旋

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

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

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

打赏作者

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

抵扣说明:

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

余额充值