npm 包 bulk-markdown-to-png 使用教程

阅读时长 3 分钟读完

概述

在 Web 开发过程中,我们常常需要将 Markdown 文档转换成其他格式,如 PDF,HTML 和图片等。特别是对于一些技术博客或文档,将其转换成图片可以更好地与他人分享,在不同设备上阅读体验也更好。在这种情况下,bulk-markdown-to-png 这个 npm 包就非常实用了,它可以批量将 Markdown 文件转换成 PNG 图片。

安装 bulk-markdown-to-png 包

bulk-markdown-to-png 包可以通过以下命令进行安装:

使用 bulk-markdown-to-png 包

bulk-markdown-to-png 包的使用非常简单,首先需要在终端进入 Markdown 文件所在的文件夹,然后执行以下命令:

该命令会将当前文件夹下所有的 .md 文件转换成 PNG 图片,保存在 ./images 文件夹中。如果您只想转换单个文件,可以将 *.md 替换成具体的文件名。

bulk-markdown-to-png 包提供了多个参数可以自定义转换设置,下面我们来了解一下这些参数:

参数列表

  • --input-i:输入文件。可以指定单个文件或使用通配符指定多个文件。例如:*.md
  • --output-o:输出文件夹。图片将保存在该文件夹下。
  • --width-w:生成图片的宽度。
  • --height-h:生成图片的高度。
  • --scale-s:放大倍数。
  • --quality-q:图片质量,取值范围为 0~100。

例如,我们可以将上面的命令修改为:

这个命令将会将 ./articles 文件夹下的所有 .md 文件转换成宽度为 800,高度为 600 ,放大倍数为 2,图片质量为 70 的 PNG 图片。

示例代码

以下是一个示例代码,它将当前文件夹下的所有 .md 文件转换成 PNG 图片。

总结

bulk-markdown-to-png 包为批量转换 Markdown 文件为 PNG 图片提供了非常方便的工具,无需进行繁琐的手动转换操作。在撰写技术博客和文档的时候,将其转换成 PNG 图片可以更好地站着他人分享和传阅。我们可以通过传递参数来控制转换的图片大小和质量等属性。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c8eccdc64669dde5669

纠错
反馈