Mediator 评论系统怎么选Disqus 与自建的 2 条路线 1 张决策表【免费下载链接】blocklyThe web-based visual programming editor.项目地址: https://gitcode.com/gh_mirrors/bloc/blocklyMediator 的排版很干净副作用是读者看完就走没法在你的博客里留下痕迹。给 Mediator 加评论系统只有两条路接 Disqus或自建。01动手前先看清两条路接 Disqus 是第三方托管路线。评论区、账号、数据都放在 Disqus 的服务器上Mediator 的文章模板里已经预埋了嵌入代码你只需要打开一个配置项。适合不想写代码、依赖成熟反垃圾能力、希望评论区当天就跑起来的作者。自建评论区块是本地化路线。数据落在自己的仓库或服务里样式、交互、存储格式全部自己定页面还少加载一个第三方脚本。代价是表单、提交逻辑、存储和防垃圾都要自己实现。适合本身就是开发者、对隐私和风格一致性有要求的作者。两条路不冲突。先按上面的标准选一条主路剩下的都是执行问题。Mediator 评论系统的主题整体界面02路线一五分钟接入 Disqus配置在哪打开 _config.yml找到约第 31 行的disqus:配置。它默认被注释值是个占位符。取消注释填入你在 Disqus 后台创建的站点短名称disqus: your-site-shortname集成代码在哪评论区的实际代码在 _layouts/post.html 约第 91-105 行整块包在{% if site.disqus %}里。它负责插入disqus_thread容器并异步加载以短名称命名的embed.js脚本。配置为空时这段代码整体跳过页面上不会出现评论区。适合与不适合适合希望评论区当天就能跑起来登录、回复、通知都要现成的不介意读者评论存在第三方服务器上。不适合对首屏速度有硬要求、不想让页面加载第三方脚本、或无法接受免费版展示广告的场景。好处是审核后台、反垃圾、社交登录都开箱即得基本不用维护。代价是页面多了一个异步脚本首屏可能慢 1-2 秒评论数据不在自己手里。Mediator 评论系统接入 Disqus 后的评论区效果03路线二自建评论区块三个后端方向GitHub Issues 当后端一篇文章对应一个 Issue评论即 issue 列表新评论通过 API 提交。不需要额外服务器但要处理仓库写权限不适合高评论量。静态文件存储把评论序列化成 JSON 提交进仓库构建时读取渲染。实现最简单、数据完全透明写入环节要配 CI 或手动提交。轻量第三方 API接入现成的评论 API 服务前端只写取数和渲染。少写存储逻辑但数据仍有一部分在对方那边。自建评论表单组件在_includes/下新建comments.html放一个最小表单昵称、邮箱、正文三个字段。form idcomment-form input namename placeholder昵称 required input typeemail nameemail placeholder邮箱 required textarea namecomment placeholder留言 required/textarea button typesubmit提交/button /form然后在文章布局的正文之后引入。_layouts/post.html 约第 67 行后加一行{% include comments.html %}样式定制要点css/main.sass 约第 600-603 行已有 Disqus 区域的样式自建的样式放在旁边加即可容器加内边距和浅色背景输入框撑满宽度、统一圆角提交按钮对齐主题主色。改完在桌面和移动端各预览一遍。Mediator 评论系统的自建评论区块效果04一张表做决定维度接 Disqus自建评论部署成本低改一行配置中写模板、表单与提交逻辑加载速度偏慢第三方脚本异步加载快资源全部在自己域名下数据归属存在 Disqus 服务器在自己的仓库或服务里防垃圾能力成熟有审核后台基础需自己加人机验证样式控制有限受官方样式约束完全自主长期成本免费版带广告无广告但需持续维护05部署避坑 ⚠️坑一配置了 Disqus页面却没有评论区现象disqus:填好了短名称重启 serve 后文章页依旧没有评论区。原因缩进错了这个键落到了别的键下面site.disqus实际是空值post.html 里那个 if 块整体被跳过。解法用grep -n disqus _config.yml检查确认它是顶层键、行首没有#、没有缩进再重启。坑二首页也出现了评论区现象不仅文章页首页和归档页底部也挂上了评论区。原因include 写进了公共布局而不是只写在文章布局里。解法include 只放在_layouts/post.html并让评论区只在有文章内容的页面渲染。坑三自建表单一提交就刷新或 404现象点提交后 URL 被拼上一串参数或直接 404评论没有落库。原因表单没设 action或 JS 没阻止默认提交浏览器按原生行为走了。解法action 显式指向提交端点submit 事件里e.preventDefault()改用 fetch 手动发送。坑四本地预览时嵌入脚本 404现象页面渲染正常控制台却报嵌入脚本加载失败。原因嵌入脚本用//开头的协议相对地址注入file://环境下无法解析。解法一律通过 jekyll serve 的 http 地址预览不要直接打开静态文件。06动手清单 确认 _config.yml 中disqus:是顶层、未注释的键且已填真实短名称文章页刷新后出现评论区首页与归档页没有自建路线_includes/comments.html建好表单三字段齐全提交逻辑已接上评论区样式已加进 css/main.sass桌面与移动端各预览一遍先接 Disqus 把评论区跑起来等评论量和风格都稳定了再评估要不要迁到自建。【免费下载链接】blocklyThe web-based visual programming editor.项目地址: https://gitcode.com/gh_mirrors/bloc/blockly创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
