首页 博客 演讲

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

2024-08-24

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"
/>

相关链接

查看全部文章