Published on

博客接入disqus评论系统

Authors

注册

去官网 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
`
  • script-src添加 shotename.disqus.com, c.disquscdn.com
  • style-src添加 c.disquscdn.com
  • frame-src添加 disqus.com

配置完成后即可加载评论,可以点击下方的'Load Comments'加载评论。