在你的 Astro 站点中轻松添加 Disqus

Disqus 是一个流行的评论系统，可以轻松添加到你的网站中。

我创建了一个 Astro 组件，帮助你轻松地将 Disqus 添加到你的 Astro 站点中，并支持 astro 的 view transitions。

本文将向你展示如何在你的 Astro 站点中添加 Disqus。

使用方法

1. 创建 Disqus 账户并注册你的站点。
2. 安装 Disqus 组件：npm install astro-disqus。
3. 将 Disqus 组件添加到你的 Astro 站点中：

---
import Disqus from 'astro-disqus';
---

<!-- 注意：将 demo 改成你注册的站点 -->
<Disqus embed="https://demo.disqus.com/embed.js" />

高级用法

你可以通过传递 props 来自定义 Disqus 组件：

<Disqus
  embed="https://demo.disqus.com/embed.js"
  url="https://example.com"
  class="class-name"
  style="color: red"
/>

相关链接

• astro-disqus
• Disqus
• Astro