做了个好玩的东西,让 GitHub Markdown 有了评论区和统计

6 月 23 日
 olddogs

CommentSVG

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


💡 我为什么做这个

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

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

GitHub 的 Markdown 是没有评论区的。

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

所有讨论都被迫分散到:

但问题是:

内容和讨论是割裂的。


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

而是:

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

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


✨ 我的解决方案

我做了一个很轻的工具:

CommentSVG

核心思路:

把 GitHub Discussions 的评论
👉 渲染成 SVG
👉 直接嵌入 Markdown


📌 项目地址

👉 GitHub 仓库
https://github.com/aihop/CommentSVG

👉 演示项目(连载小说示例)
https://github.com/aihop/Refactoring-the-Self


🖼️ 实际效果

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


🧩 系统实现方式( Cloudflare Pages + Workers )

整个系统基于 Cloudflare 架构:


🌐 Cloudflare Pages (展示层)

负责:


⚙️ Cloudflare Workers (核心逻辑)

负责:


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

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


🧠 它最终变成了什么

它不只是一个评论系统。

更像是:

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


Markdown 不再只是展示内容的地方,而是:

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


⚡ 一句话总结

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


1157 次点击
所在节点    分享创造
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1222113

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX