如鱼饮水
·
优化深色模式下的评论系统
💡
原文中文，约1500字，阅读约需4分钟。
📝
内容提要
通过CSS调整DisqusJS、Disqus和Giscus的深色模式主题和背景颜色，使评论部分与背景协调，解决跨域问题并自定义Giscus主题。
🎯
关键要点
- NexT 主题支持深色模式，但评论部分与背景不协调。
- DisqusJS 的颜色调整相对简单，主要是修改文字颜色。
- Disqus 的背景颜色与旁边背景差异大，使用 CSS 混合模式解决。
- Giscus 支持自定义主题，合并 Github Light 和 Noborder Dark 主题。
- 解决 Giscus 的跨域问题需要在 caddy 中设置 Access-Control-Allow-Origin。
❓
延伸问答
如何优化DisqusJS在深色模式下的评论显示？
通过修改文字颜色，使其在深色模式下清晰可见。
Disqus的深色模式背景颜色问题如何解决？
使用CSS混合模式调整Disqus的背景颜色，使其与旁边背景协调。
Giscus如何自定义主题以适应深色模式？
可以合并Github Light和Noborder Dark主题，创建新的主题文件。
在使用Giscus时如何解决跨域问题？
需要在caddy中设置Access-Control-Allow-Origin来解决跨域问题。
NexT主题的深色模式支持哪些功能？
NexT主题支持深色模式，但评论部分需要额外配置以协调颜色。
如何使用CSS调整评论系统的颜色？
通过CSS媒体查询针对深色模式修改评论系统的颜色设置。
➡️
