介绍
isodev是一个可以将markdown文件转化成IsoDraw文件的npm包。IsoDraw是一个用于绘制技术插图的软件,iso-dev则用于将markdown格式的技术文章转化为IsoDraw插图,从而帮助那些需要插图的工程师们快速完成插图工作。 如果你是一名前端开发者,并且常常需要为自己的博客或者技术文章添加一些插图,那么issancejs是一个非常好用的npm包。本文将介绍如何安装和使用这个npm包。
安装
安装npm包很简单,只需要打开命令行工具,进入项目目录,然后使用以下命令即可安装:
npm install -g isodev
使用
在安装完 npm 包后,使用 iso-dev包很简单。只需要三个步骤:
- 创建一个 markdown 文件。
比如说,我们创建一个名为 test.md 的文件,并在其中添加一些内容。
-- -------------------- ---- ------- - -------- ------------- ------- ------- -- ------ -------- -------- ------------ -------------------------------
- 转化 markdown 文件。
完成上面步骤后,我们就需要执行 npm 包 iso-dev 了。
打开已有的 test.md 文件,然后输入以下命令:
iso-dev test.md
执行完成后,将会自动转换这个 markdown 文件,并在同一目录下创建一个名为 test.id的IsoDraw文件。
- 将 iso 文件插入文档中
插入 iso 文件的方法与插入其他图片文件的方法相似。需要在 markdown 文件中使用以下代码:
<img src="images/test.id"/>
将test.id文件嵌入到您的文档中即可。
相关命令
如果您想要体验更多的命令,请查看以下命令:
- 指定输出格式
iso-dev --format png test.md
- 指定输出文件名
iso-dev --output test.png test.md
结语
当前,我们经常在面对一些技术难题时需要插图来表达思路和设计。isodev的推出就能够让我们更加轻松快速的完成这样的任务。当然,想要做到真正的轻松快速还需要长时间的积累和学习,相信在不断摸索和探索的过程中我们能够完成更多的工作。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005601481e8991b448de253