CommentSVG

把 GitHub Discussions 变成可以嵌入 Markdown 的动态评论区（ SVG ），并顺手做了一个阅读统计系统

💡 我为什么做这个

我在 GitHub 上写一个连载项目（类似数字自传，有看过我《底层重构》的应该知道）。

但写到一半发现一个很现实的问题：

GitHub 的 Markdown 是没有评论区的。

读者只能阅读，不能在内容“里面”留下反馈。

所有讨论都被迫分散到：

• Issues


• Discussions


• 外部平台

但问题是：

内容和讨论是割裂的。

🚨 真正的问题不是“没有评论”

而是：

评论不在内容发生的地方。

对于连载内容来说，这会直接破坏阅读体验。

✨ 我的解决方案

我做了一个很轻的工具：

CommentSVG

核心思路：

把 GitHub Discussions 的评论

👉 渲染成 SVG

👉 直接嵌入 Markdown

📌 项目地址

👉 GitHub 仓库

https://github.com/aihop/CommentSVG

👉 演示项目（连载小说示例）

https://github.com/aihop/Refactoring-the-Self

🖼️ 实际效果

每一章都可以直接拥有“内嵌评论区”。

🧩 系统实现方式（ Cloudflare Pages + Workers ）

整个系统基于 Cloudflare 架构：

🌐 Cloudflare Pages （展示层）

负责：

• 项目 demo 页面


• 文档


• SVG 嵌入效果展示

⚙️ Cloudflare Workers （核心逻辑）

负责：

• GitHub Discussions 数据拉取


• SVG 动态生成


• Markdown 嵌入接口


• 缓存与性能优化

📊 顺便做了一个副产品：统计能力

因为所有请求都经过 Worker ，所以可以自然获得：

• 每一章访问次数（≈阅读量）


• 评论打开频率（≈互动热度）


• 哪些章节最活跃


• 哪些章节没有反馈

🧠 它最终变成了什么

它不只是一个评论系统。

更像是：

一个嵌入在 Markdown 里的“内容反馈 + 阅读分析层”

Markdown 不再只是展示内容的地方，而是：

一个可以被阅读、被讨论、被分析的内容载体

⚡ 一句话总结

我只是想给连载小说加一个评论区，结果做了一个“GitHub 里的内容互动系统”。