如果你使用了静态网站生成器 Magu 搭建自己的博客，那么你可能需要 magu-plugin-disqus 插件来集成 Disqus 评论系统。本篇文章将为你详细介绍如何使用该npm包。
安装
在命令行中运行以下命令：
npm i magu-plugin-disqus -D
该命令将 magu-plugin-disqus 安装为开发依赖。
配置
在 ~/.magu/conf/plugins.yml 中增加 Disqus 的相关配置：
plugin:
- name: disqus
shortname: your-shortname其中，shortname 为你在注册 Disqus 后得到的“shortname”。如果你还没有注册，请前往官网注册并创建一个新的站点。
使用
当插件安装及配置完毕后，你需要在你的Markdown文件中插入下面的标签来显示 Disqus 评论框：
::: disqus 更多评论等你留言。 :::
这段代码将在该Markdown文章下方显示 Disqus 评论框。其中，更多评论等你留言。 为评论框的占位符，你也可以将其替换成你自己的提示文本。
示例代码
下面是一个完整的 MarkDown 文件，包括将 magu-plugin-disqus 插件集成到 Magu 中，并使用 Disqus 评论系统的示例代码：
-- -------------------- ---- ------- - -- ------ ---- ------ --------------------------------------- ------------------ ------ ------ ------------------------- -- -- ------------ ------- --- - ------------------ --
该命令将 magu-plugin-disqus 安装为开发依赖。
配置
在 ~/.magu/conf/plugins.yml 中增加 Disqus 的相关配置：
plugin:
- name: disqus
shortname: your-shortname其中，shortname 为你在注册 Disqus 后得到的“shortname”。如果你还没有注册，请前往官网注册并创建一个新的站点。
使用
在您的 Magu 文章的末尾插入以下代码段：
::: disqus 更多评论等你留言。 :::
其中，更多评论等你留言。 为评论框的占位符，你也可以将其替换成你自己的提示文本。
请在您的Magu博客中使用该Markdown文件，以查看 Disqus 评论框的展示效果。 以上就是 magu-plugin-disqus 的使用教程。如果您有任何疑问或建议，请随时联系我们。 > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/6005525c81e8991b448cfe09) ，转载请注明来源 [https://www.javascriptcn.com/post/6005525c81e8991b448cfe09](https://www.javascriptcn.com/post/6005525c81e8991b448cfe09)