i5ting_toc编译markdown文档详解

最新推荐文章于 2024-05-13 09:49:18 发布
最新推荐文章于 2024-05-13 09:49:18 发布
阅读量3.7k 收藏 1
点赞数
分类专栏： 前端学习笔记 文章标签： markdown

i5ting_toc 是把markdown编译成带有toc目录的html的node模块

i5ting_toc

i5ting_toc a node npm wrapper of i5ting_ztree_toc https://github.com/i5ting/i5ting_ztree_toc

npm version

Preview

3.png

Install

npm install -g i5ting_toc

Usage

➜  tocmd.npm git:(master) ✗ i5ting_toc -h

  Usage: i5ting_toc  a node npm wrapper of i5ting_ztree_toc https://github.com/i5ting/i5ting_ztree_toc 

  Options:

    -h, --help             output usage information
    -V, --version          output the version number
    -f, --file [filename]  default is README.md 
		-o, --open             open in browser
    -v, --verbose          打印详细日志

这个版本的命令比较简单，只有一个-f参数，如果没有填写，默认使用README.md，常见用法

i5ting_toc -f sample.md -o

写文档很方便哦

刚发布，热乎乎的，欢迎尝试

ITzhongzi
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
二、Node.js---模块化
qq_55891636的博客
12-04 343
模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元。
node+i5ting_toc+npm+Express
achixinzai的博客
02-18 304
node笔记
Node.js 笔记--i5ting_toc
Father_Of_Soft的博客
11-02 231
黑马程序员Node.js随笔
强大的Markdown TOC生成器——markdown-toc
最新发布
gitblog_00048的博客
05-13 512
强大的Markdown TOC生成器——markdown-toc 项目地址:https://gitcode.com/jonschlinkert/markdown-toc markdown-toc是一个基于Node.js的工具，用于在Markdown文档中自动生成整洁的目录（Table of Contents）。这个开源项目由Jon Schlinkert开发，并得到了广泛的社区支持。如果你经常编写M...
怎么全局安装 i5ting_toc 包及使用
xiamude的博客
09-11 402
作用：i5ting_toc 是一个可以把 md 文档转为 html 页面的小工具。 安装 步骤： 在任意位置 打开一个小黑窗，输入如下命令 npm install -g i5ting_toc 回车。 此操作需要联网，根据网络速度所耗时间不同。如果这个命令执行完成并没有报错，就是说明安装成功了。 对上面的命令说明如下： npm是一个工具，用来管理node代码中要使用的第三方模块。它是随着node的安装而自动安装的：如果你安装node，则npm也已经安装过了，你可以直接使用。 .
MarkDown基本常用语法
A-Itfuture的博客
08-02 2461
markdown基本语法一、目录二、段落三级目录 一、目录 @[TOC](文章标题名) 一级目录 #+空格 二级目录 ##+空格 三级目录 ###+空格 ...... 二、段落 换行 空格+空格+回车 空行---表换行 三级目录
cmd调用i5ting_toc批量生成HTML文件.exe
03-30
批量执行cmd命令实现对.md文件转HTML
cmd调用i5ting_toc批量生成HTML文件python代码.txt
03-30
cmd调用i5ting_toc批量生成HTML文件python代码
gulp-i5ting-toc:gulp-i5ting-toc
07-13
gulp-i5ting-toc gulp-i5ting-toc is a gulp task wrapper of i5ting_ztree_toc Install npm install --save gulp-i5ting-toc Usage var gulp = require('gulp'); var i5ting_toc = require('./'); var opt = { ...
markdown toc 生成--自动生成markdown文档侧边栏目录
02-13
本模板是对开源项目 i5ting-i5ting_ztree_toc-0.3.0-11 的精简，主要是针对Windows下无法安装项目作者给出的软件（仅适用于Linux）的问题进行一定的优化。经过精简之后，使用方法非常简单，仅仅是一次复制&一次...
i5ting_toc包和nodemon包
m0_48862284的博客
09-13 147
i5ting_toc是一个可以把md文档转为html页面的小工具 全局安装 npm install -g i5ting_toc
转换成带有toc的html,Markdown转成带目录的Html（i5ting_toc）
weixin_35291771的博客
06-03 286
Markdown转成带目录的HtmlMarkdown无论在编程还是平时其他工作学习中都扮演着重要的角色，如：开发文档、产品说明，甚至是流程图......但是有的时候需要我们以网页形式展示给他人阅读，当遇到这种场景时候我们需要从两个方面考虑该问题：1.是不是可以直接找个框架直接在线吧md文档转一下？2.是不是工具直接把md转成html文件，然后发布出去？相比较之下我选择了后者。废话不多说上干货需要原...
markdown toc php,markdown在项目中的使用
weixin_31197675的博客
03-28 233
前瞻本文档主要介绍editor.md的使用，editor.md是国内开发的开源项目，可以实现markdown编辑器的所有功能，editor.md真的是很强大，在博客中使用很方便使用框架thinkphp3.2使用在项目中的使用将下载的文档放到Public目录上面标注的几个文件很重要后台代码#test-editormd li{list-style:disc;}$(function() {testEdi...
markdown自动生成侧边栏目录/TOC
热门推荐
Haley的博客
04-23 4万+
markdown自动生成侧边栏TOC /目录 声明： 本模板是对开源项目 i5ting-i5ting_ztree_toc-0.3.0-11 的精简，主要是针对Windows下无法安装项目作者给出的软件（仅适用于Linux）的问题进行一定的优化。经过精简之后，使用方法非常简单，仅仅是 一次复制&一次粘贴。 示例效果如下图： 点击产看项目所在的官方地址 使用说明前期工作 一款好用的文本编辑器，用来编辑h
MD 使用 i5ting_toc 转换成 HTML
weixin_30446613的博客
08-05 555
MD 使用 i5ting_toc 转换成 HTML 本文作者：天析 作者邮箱：2200475850@qq.com 发布时间:Wed, 10 Jul 2019 13:59:00 +0800 前言 md 转换成 html 使用 i5ting_toc 来转换算是一个比较折中的办法吧，但是平常接触的太多，导致我时不时的记不住转换的命令，于是用我这半吊子的 Pyth...
i5ting_toc工具使用，markdown转html，目录在左侧，一键将md转html自动发布网页
红尘浪子的专栏
07-11 1909
文章目录markdown转html工具i5ting_toc安装背景插件介绍环境安装安装插件插件用法md 文件转 html 文件i5ting_toc转成的html，怎么高亮代码找到安装位置修改marked.js修改templete.html需要删除已经生成的preview文件夹再执行编译html命令修改前后对比i5ting_toc高级配置 markdown转html工具i5ting_toc安装 背景 使用 Markdown 编辑器写完产品的使用手册后，导出为 html文件，目录是用 toc 生成的，显示在ht
全局安装i5ting_toc 包
feng_cy的博客
09-13 85
一、全局安装 npm install -g i5ting_toc 二、使用方法 切换到你想要转换的md文件根目录下，使用以下命令， -f 参数后面跟着文件名，如果没有填写，默认使用README.md i5ting_toc -f sample.md -o 常见的命令参数如下： -h, –help output usage information -V, –version output the version number -f, –file [filename] default is RE.
把 md 文档转为 html 页面,使用npm安装i5ting_toc 全局包,如何使用包详细介绍
书读百遍其意自现
09-13 212
如何安装,在桌面输入windows+r,输入cmd进入命令提示符,输入npm i -gi5ting_toc 或 npm install -gi5ting_toc,
markdownpad2:输出Html时自动生成目录TOC
10km的专栏
12-30 4053
参考这篇文章的代码，自己做了些简化修改，暂时满足我的使用： 《为MarkdownPad2的HTML输出也增加目录》 将下面的代码加入选项/高级/自定义HTML header即可 document.addEventListener("DOMContentLoaded", function() { // 生成目录列表 va
vue markdown toc 生成--自动生成markdown文档侧边栏目录
05-26
在 Vue 中使用 Markdown 渲染文档时，如果文档内容比较长，我们需要为用户提供侧边栏目录导航，方便用户快速定位到所需部分。下面是一个简单的方法来实现自动生成 Markdown 文档的侧边栏目录。 首先，我们需要安装 `markdown-it` 和 `markdown-it-toc`： ```bash npm install markdown-it markdown-it-toc --save ``` 然后，在 Vue 组件中引入并使用它们： ```javascript <template> <div> <!-- 目录导航 --> <div v-html="toc"></div> <!-- Markdown 内容 --> <div v-html="html"></div> </div> </template> <script> import MarkdownIt from 'markdown-it' import MarkdownItToc from 'markdown-it-toc' export default { data() { return { markdown: '# 一级标题\n\n## 二级标题\n\n### 三级标题', toc: '', // 目录导航 html: '', // 渲染后的 HTML } }, mounted() { // 解析 Markdown 文档 const md = new MarkdownIt() md.use(MarkdownItToc, { tocFirstLevel: 1 }) const result = md.render(this.markdown) // 生成目录导航 this.toc = md.toc // 渲染 Markdown 内容 this.html = result }, } </script> ``` 在上面的代码中，我们使用了 `markdown-it-toc` 插件来自动生成目录导航，并将导航内容存储在 `toc` 变量中。然后，我们使用 `v-html` 指令将导航和 Markdown 文档内容渲染到页面上。 注意，`markdown-it-toc` 插件需要在解析 Markdown 文档之前使用 `md.use(MarkdownItToc)` 方法来注册。在注册时，我们可以设置 `tocFirstLevel` 属性来指定目录导航的起始层级，默认为 `1`。 最后，我们需要使用 CSS 样式来美化目录导航和 Markdown 内容，以便更好地展示给用户。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值