保持清醒,不断思考。

Mike lucis


  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  • 联系
  •     

© 2023 Mike lucis

Theme Typography by Makito

Proudly published with Hexo

备案号: 湘ICP备2021005917号-1

友情链接: Lonely's Bolg

ღゝ◡╹)ノ♡

i5ting_toc - md转Html

发布于 2020-07-09 Node.js  npm包 

¶ i5ting_toc - md转Html

众所周知,我一直都在用 Markdown 写文章,这种语言的特性我在之前的 Markdown技术文档编写规范 这篇文章里写的很细。

是程序猿写文档的宝器!!

现在大部分的网站都支持 md 语法了,除了极少数落伍被大众渐渐遗忘的网站。

我昨天在总结一周文章归档 技术站历史文章归档日志 的时候,我想在空间发个日志记录一下生活。

但我看了看日志的编辑器。。。

edit

这敢情还是十年前的风格,属于富文本编辑器。

如你所想,它并没有支持 md 语法。

我看了看这个编辑器的更新日志。

edit-update

好家伙,这玩意最后一次更新还是2011年,它已经有九年历史了。

不难看出腾讯对旗下产品的重心正逐渐转变,至于转移到哪,大家各有各的体会与看法。。

不过好在编辑器提供了HTML语法支持

html

可以输入 Html 代码以代替复杂的富文本编辑。

¶ 如何将 md 转换为 html

接下来进入正题!

将 md 转换为 html,说透彻一点就是将 md 语法转换为 html 语法。

我们可以照葫芦画瓢,自己重写一遍,人工语法转换器。。(笑

但这种方法对你的要求蛮高的,还要你掌握 html 语法

在这里,我们使用一个基于 node.js 的包,i5ting_toc

Github地址在这:i5ting_toc

它可以通过简单的几行命令将 md 转换成 html

¶ 如何使用 i5ting_toc

首先你要确保你安装了 node 和它的包管理器 npm 。

path

(这里使用的是Powershell)

  1. 安装

    1
    npm install -g i5ting_toc
  2. 用法

    • 你可以加一个 -h 的参数查看帮助

      1
      i5ting_toc -h

      help

    • 你想跟据本地的 md 文件让他自动转换成 html 文件的话

      你可以给它加上一个-f参数,并在后面附上你要转换的文件名

      如果你不想写 -f ,那么它将会寻找当前目录下的README.md进行转换(若无则报错)

      1
      i5ting_toc -f XXXX.md
    • 更多高级用法见官方首页

¶ 举例

  • 现在在我的桌面上有一个 md 文档我要把它转换为 html

    eg

  • 打开 Powershell 进入桌面文件夹

  • 调用 i5ting_toc 并加上 -f 参数

    1
    i5ting_toc -f .\技术站历史文章归档日志.md

ps

  • 可以发现桌面出现了一个 preview 文件夹

    before

in

打开 html 文件

html

¶ 所见即所得

分享到 

 上一篇: Win10-2004版本更新了什么? 下一篇: 科目一技巧重点备注 

© 2023 Mike lucis

Theme Typography by Makito

Proudly published with Hexo

备案号: 湘ICP备2021005917号-1

友情链接: Lonely's Bolg

ღゝ◡╹)ノ♡