概述
在 Web 开发过程中,我们常常需要将 Markdown 文档转换成其他格式,如 PDF,HTML 和图片等。特别是对于一些技术博客或文档,将其转换成图片可以更好地与他人分享,在不同设备上阅读体验也更好。在这种情况下,bulk-markdown-to-png 这个 npm 包就非常实用了,它可以批量将 Markdown 文件转换成 PNG 图片。
安装 bulk-markdown-to-png 包
bulk-markdown-to-png 包可以通过以下命令进行安装:
npm install bulk-markdown-to-png
使用 bulk-markdown-to-png 包
bulk-markdown-to-png 包的使用非常简单,首先需要在终端进入 Markdown 文件所在的文件夹,然后执行以下命令:
bulk-markdown-to-png --input *.md --output ./images
该命令会将当前文件夹下所有的 .md 文件转换成 PNG 图片,保存在 ./images 文件夹中。如果您只想转换单个文件,可以将 *.md
替换成具体的文件名。
bulk-markdown-to-png 包提供了多个参数可以自定义转换设置,下面我们来了解一下这些参数:
参数列表
--input
或-i
:输入文件。可以指定单个文件或使用通配符指定多个文件。例如:*.md
。--output
或-o
:输出文件夹。图片将保存在该文件夹下。--width
或-w
:生成图片的宽度。--height
或-h
:生成图片的高度。--scale
或-s
:放大倍数。--quality
或-q
:图片质量,取值范围为 0~100。
例如,我们可以将上面的命令修改为:
bulk-markdown-to-png --input ./articles/*.md --output ./images --width 800 --height 600 --scale 2 --quality 70
这个命令将会将 ./articles 文件夹下的所有 .md 文件转换成宽度为 800,高度为 600 ,放大倍数为 2,图片质量为 70 的 PNG 图片。
示例代码
以下是一个示例代码,它将当前文件夹下的所有 .md 文件转换成 PNG 图片。
const bulkMarkdownToPng = require('bulk-markdown-to-png'); bulkMarkdownToPng({ input: '*.md', output: './images' });
总结
bulk-markdown-to-png 包为批量转换 Markdown 文件为 PNG 图片提供了非常方便的工具,无需进行繁琐的手动转换操作。在撰写技术博客和文档的时候,将其转换成 PNG 图片可以更好地站着他人分享和传阅。我们可以通过传递参数来控制转换的图片大小和质量等属性。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c8eccdc64669dde5669