小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
我是如何在 astro 里让 giscus 匹配主题样式的?

本文讨论了如何在Astro博客中实现giscus评论插件的主题样式匹配。通过自定义CSS和动态主题切换,解决了giscus在不同主题下无法自动更新的问题。作者设计了主题CSS生成逻辑,并利用postMessage机制实现主题的实时切换,未来计划优化主题更新为接口和事件订阅,以提高效率。

我是如何在 astro 里让 giscus 匹配主题样式的?

ネコのメモ帳
ネコのメモ帳 · 2026-03-02T00:00:00Z

博主实现了giscus评论数功能,需要开启data-emit-metadata属性。核心代码获取顶级评论数,但未能调试出评论和回复的总数,希望得到高手指点。

网页加载的时候获取giscus当前页面的评论数

碎言博客
碎言博客 · 2026-01-30T01:45:03Z

本文介绍了如何通过 GitHub API 使用 Python 脚本将 Giscus 评论系统的评论数据导出为 JSON 格式。用户需配置 GitHub 信息并运行脚本,最终生成包含所有评论的 JSON 文件。

如何导出 GitHub Discussions / Giscus 数据

子舒的博客
子舒的博客 · 2025-11-21T00:00:00Z
优化深色模式下的评论系统

通过CSS调整DisqusJS、Disqus和Giscus的深色模式主题和背景颜色,使评论部分与背景协调,解决跨域问题并自定义Giscus主题。

优化深色模式下的评论系统

如鱼饮水
如鱼饮水 · 2025-10-08T12:41:57Z

文章指出需启用JavaScript以查看giscus评论,若评论未加载,可能是因ISP屏蔽giscus。

开车通过路口和人行道的注意事项

叶寻的博客
叶寻的博客 · 2025-06-16T16:00:00Z

作者使用giscus作为博客评论系统,认为其接入方便且功能丰富。但在主题切换时,giscus未能同步更新。为解决此问题,作者提供了代码示例,利用useEffect函数实现giscus主题与博客主题的自动切换。

让giscus的主题跟随blog的主题一起变化

碎言博客
碎言博客 · 2025-01-23T00:51:46Z

作者将博客从Python重构为JavaScript,采用React和Next.js,简化开发流程并实现自动化部署。使用Giscus作为评论系统,记录了依赖库和核心功能的实现过程,分享经验供他人参考。

博客程序重构回忆录

碎言博客
碎言博客 · 2025-01-14T00:02:56Z
把评论系统从 Disqus 迁移到 Giscus

由于 Disqus 将添加广告,本文博客的评论系统已迁移至 Giscus。

把评论系统从 Disqus 迁移到 Giscus

杰哥的小笔记
杰哥的小笔记 · 2024-11-10T00:00:00Z
.js | 博客改用 Next.js + TailwindCSS + Shadcn.UI

本文讨论了作者将博客从Jekyll迁移到Next.js的原因和过程,介绍了Next.js的基本概念和使用方法,以及使用React.js和TailwindCSS进行开发。还提到了CSS和JavaScript的技术细节,以及使用Giscus和Google Analytics等工具的经验。最后,作者表示移除了谷歌广告,计划使用Shadcn的Drawer组件来展示赞赏二维码或友站链接。

.js | 博客改用 Next.js + TailwindCSS + Shadcn.UI

阿掖山:一个博客
阿掖山:一个博客 · 2024-09-17T00:00:00Z

本文列举了本站于2024年7月28日至2024年08月03日的改动,包括清理无用文件、更换主题、修改评论服务、删除相关文件、修订自述文件和package.json等。文章还提到了将主题换为Yue、安装主题、写新配置、构建网站等步骤。最后还介绍了将评论服务从utterances改为giscus的过程,并提到了重命名post文件夹为posts的操作。

2024-08-03 本站改动:使用 Yue 主题和 giscus 评论,post 目录改为 posts

叶寻的博客
叶寻的博客 · 2024-08-02T16:00:00Z
Hugo静态博客中添加评论功能

本文介绍了如何在Hugo静态博客中添加基于GitHub Discussions的Giscus评论功能。Giscus是一个开源、无广告、永久免费的评论系统,支持多种语言和自定义主题。安装过程包括选择仓库、开启Discussions和生成配置,最终在博客文章下方实现GitHub风格的评论功能。

Hugo静态博客中添加评论功能

MacGeeker
MacGeeker · 2024-05-26T08:07:56Z
Hugo静态博客中添加评论功能

本文介绍了如何在Hugo静态博客中添加Giscus评论功能。Giscus是基于GitHub Discussions的开源评论系统,支持多种语言和自定义主题。安装步骤包括选择仓库、启用Discussions、生成配置并在博客模板中引入相关代码。这样,访客可以在博客下方评论,作者也能在GitHub上管理评论。

Hugo静态博客中添加评论功能

MacGeeker
MacGeeker · 2024-05-26T08:07:56Z
修复 Giscus 与 Pjax 不兼容的问题

本文讨论了修复 Giscus 与 Pjax 不兼容的问题。作者发现评论未随页面更新,经过研究发现是由于 og:title 未更新。最终,通过在 pjax.js 中添加一行代码,解决了该问题,使评论能够正常加载。

修复 Giscus 与 Pjax 不兼容的问题

如鱼饮水
如鱼饮水 · 2024-03-30T13:05:45Z

5年了,终于找到了Utterances/Giscus和Pjax不兼容的原因。

修复 Giscus 与 Pjax 不兼容的问题

如鱼饮水
如鱼饮水 · 2024-03-30T13:05:45Z
评论功能正式启用

本站评论系统选择了giscus,支持Markdown、LaTeX公式和各种样式,需要使用GitHub登录。中国大陆读者可能面临加载缓慢问题,需自备科学上网工具。

评论功能正式启用

sjdhome blog
sjdhome blog · 2023-08-14T07:14:00Z

经过五个月的考虑,最终选择 giscus 作为评论系统。该系统支持 Markdown、LaTeX 和多种样式,但中国大陆用户可能会遇到加载速度慢的问题。

评论功能正式启用

sjdhome blog
sjdhome blog · 2023-08-14T07:14:00Z
13_Hexo-操作记录

Giscus 评论系统已弃用 Twikoo,改用 Giscus 进行评论。用户需填写信息以获取 repo_id 和 category_id。Giscus 不支持最新评论,用户可参考示例自建 Giscus。

13_Hexo-操作记录

Mycpen
Mycpen · 2023-06-01T04:00:00Z

giscus是一个基于GitHub的免费评论系统,安装和使用简单。用户只需创建一个仓库并按照官方文档配置,即可将其添加到博客中,效果显著。

giscus一款基于GitHub的免费评论系统!

碎言博客
碎言博客 · 2023-05-16T21:14:44Z
基于giscus打造博客评论系统

本文介绍了如何在博客中安装和配置 giscus 评论功能。giscus 是一个支持自托管的 GitHub 应用,允许用户在未登录 GitHub 的情况下查看评论。安装步骤包括在 GitHub 仓库中启用讨论功能,并在博客主题中添加评论代码,配置相关参数后即可在博客文章中显示评论。

基于giscus打造博客评论系统

远鹏的博客
远鹏的博客 · 2023-04-17T00:00:00Z

无需服务器,使用 Vercel 和 Supabase 自托管 Giscus GitHub App

使用 Vercel 免费部署 Giscus 评论系统

Dejavu's Blog
Dejavu's Blog · 2022-03-21T05:07:02Z
  • <<
  • <
  • 1 (current)
  • 2
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码