随着前端技术的不断更新和发展，越来越多的项目被开源到社区中，而这些项目的文档则会使用 Markdown 语法进行书写。然而，Markdown 语法中并没有直接支持自动在链接前添加外链图标的功能。为了解决这个问题，有开发者开发了一个 npm 包——markdown-it-external-links。本篇文章将介绍这个包的安装和使用方法。
markdown-it-external-links 是什么？
随着当前开源社区的发展，很多文档都是基于 Markdown 语法书写的。但是，由于 Markdown 语法中无法直接支持外链图标的功能，一些开发者就开发了 markdown-it-external-links 这个 npm 包。
markdown-it-external-links 是一个依赖于 markdown-it 的外链图标插件，它可以帮助开发者自动将外链添加上图标，从而增强文档的可读性和方便性。
如何安装 markdown-it-external-links？
首先，你需要先安装 markdown-it：
--- ------- -----------
然后，你可以使用 npm 来安装 markdown-it-external-links：
--- ------- -------------------------- ----------
如何使用 markdown-it-external-links？
在安装好 markdown-it 和 markdown-it-external-links 后，你就可以在你的项目中使用这个插件了。
示例代码
----- -- - ------------------------ ----- --- - ------------------------------------- ----------- ------------------------------- ----------------------------
在上面的示例中，我们使用了 markdown-it 和 markdown-it-external-links 这两个 npm 包。我们首先通过 const md = require('markdown-it')() 这句代码创建了一个 markdown-it 实例。然后通过 md.use(mde) 添加了 markdown-it-external-links 这个插件。最后我们调用了 md.render('[Example Site](http://example.com)') 来将 Markdown 文本转换成 HTML 并输出到控制台。
当我们在 Markdown 中输入 [Example Site](http://example.com) 时，输出结果会自动加上外链图标，从而增强了文档的可读性。
总结
图标是前端开发中一个不可忽视的重要元素，markdown-it-external-links 这个 npm 包，为前端开发者提供了一种方便的方式，快速为链接添加外链图标。通过本文介绍的方式，你可以在你的项目中快速使用这个插件，并且使你的文档更加实用和美观。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/77044