集成 Butterfly 博客主题中,在配置最新评论 newest comments 时,根据 Butterfly 的配置文档配置完成后,最新评论一直无法显示,提示错误信息:无法获取资料,请确认相关配置是否正确
Butterfly 最新评论 newest-comments 401/资源加载错误(无法获取资料,请确认相关配置是否正确) - 图1
在网页调试模式下,给出的错误信息大致是:找不到加载的资源 401

newest_comments 的配置信息

  1. # Aside widget - Newest Comments
  2. newest_comments:
  3. enable: true
  4. limit: 6
  5. avatar: true
  6. leancloud:
  7. enable: true
  8. appId: XXX # leancloud application app id
  9. appKey: XXX # leancloud application app key
  10. serverURL: XXX # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
  11. default_avatar: mp #mp/identicon/monsterid/wavatar/retro/robohash/blank
  12. github_issues:
  13. enable: true
  14. repo:
  15. # disqus:
  16. # enable: true
  17. # forum:
  18. # api_key:

Butterfly 的主题配置文件中是默认从 Valine 、 disqus 评论插件中读取评论信息,由于 disqus 的访问速度太慢,在我的博客中就没有使用 disqus ,故而将其注解。

而问题也就出在这里 。。。

解决方案

我在这里做出假设:Butterfly 最新评论的显示,需要在其配置文件中至少配置两种不同类型的评论插件。

上文提到,Butterfly 在最新评论处默认配置的 disqus 插件已被注解

  1. # disqus
  2. # https://disqus.com/
  3. disqus:
  4. shortname:

故而,上面这里关于 disqus 的配置是空的。

在网上找了很长时间的资料,无奈,关于当前问题的文章实在是少之又少,也没有什么具体的解决方法。和 Butterfly 作者联系后,也尝试过些方法,还是没有得到解决 。。。

最终,我考虑换其它的评论插件,因为 Butterfly 中集成了很多的评论插件,也方便集成,具体可查看其文档。就当我集成其它插件结束后,运行本地服务时,最新评论显示出来了
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hGdESFCB-1606108427684)(/imgs/newest-comments-count.png)]

这里集成的插件任意选择一种(已集成的插件除外)即可。

在本地服务运行期间,之前已经集成的插件并未删除。此时,在配置文件中配置了两种评论插件,我这里配置的是 Valine 和 Twikoo。

具体的问题原因,其实并没有找到,配置到这里后,最新评论能正常显示了,我就结束了配置。如果你有相关的解决方案,欢迎在评论区留下你的宝贵意见 !!!

Valine 配置信息

  1. # valine
  2. # https://valine.js.org
  3. valine:
  4. appId: XXX # leancloud application app id
  5. appKey: XXX # leancloud application app key
  6. pageSize: 10 # comment list page size
  7. avatar: monsterid # gravatar style https://valine.js.org/#/avatar
  8. lang: zh-CN # i18n: zh-CN/zh-TW/en/ja
  9. placeholder: 记得留下你的昵称和邮箱....可以快速收到回復 # valine comment input placeholder (like: Please leave your footprints)
  10. guest_info: nick,mail,link # valine comment header info (nick/mail/link)
  11. recordIP: false # Record reviewer IP
  12. serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
  13. bg: # valine background
  14. emojiCDN: # emoji CDN
  15. enableQQ: false # enable the Nickname box to automatically get QQ Nickname and QQ Avatar
  16. requiredFields: nick,mail # required fields (nick/mail)
  17. option:

Twikoo 配置信息

  1. # Twikoo
  2. # https://github.com/imaegoo/twikoo
  3. twikoo: XXX