博客接入disqus评论系统

原创

已于 2023-10-31 09:46:27 修改 · 429 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#运维

于 2023-10-31 09:44:53 首次发布

本文介绍了如何在个人博客上使用Disqus进行评论功能的设置，包括注册过程、配置CSP跨域策略，以及如何添加shortname和完成加载评论的步骤。

首发于个人博客

注册

去官网 https://disqus.com/ 注册，添加自己的网站。需要设置自己的网站的网址和一个shortname，记住这个shortname，后面要用。

配置CSP跨域

我的配置如下

const ContentSecurityPolicy = `
  default-src 'self';
  script-src 'self' 'unsafe-eval' 'unsafe-inline' giscus.app analytics.umami.is animeirl.disqus.com c.disquscdn.com;
  style-src 'self' 'unsafe-inline' c.disquscdn.com;
  img-src * blob: data:;
  media-src *.s3.amazonaws.com;
  connect-src *;
  font-src 'self';
  frame-src giscus.app disqus.com
`