Skip to content
有趣的开源项目
Go back

Twikoo

嘿,开发者朋友们!你有没有过这样的经历——辛辛苦苦搭好了一个炫酷的静态博客,却发现读者想给你留个言,还得跳转到另一个平台,或者压根儿就找不到评论框在哪?那种感觉,就像开了一家装修精美的咖啡馆,门口却忘了挂“正在营业”的牌子。

今天聊的 twikoo,就是专门来解决这个“静态网站社交障碍”的。它来自 GitHub 上的 twikoojs/twikoo,一个简洁、安全、免费的评论系统,让你的静态站点瞬间拥有热闹的“聊天角”。

那个让博主挠头的问题

静态网站什么都好:速度快、部署简单、还省钱。唯独“评论”这个动态功能,总让人头疼。自己从头写?太耗时间。用第三方服务?要么臃肿,要么担心隐私泄露,要么对国内通知支持不佳。

我有个朋友用 Hexo 搭了技术博客,有天写了篇万字长文,结果唯一的互动是来自他妈妈的微信消息:“儿子,你文章底下怎么不能评论?” 这就是痛点——你的思想需要回响,你的读者需要一个不折腾的表达空间。

twikoo 的“性格”揭秘

twikoo 不是那种西装革履、功能复杂的企业级软件。它更像一个轻巧、靠谱、懂你心思的聊天搭子。

5 分钟,给你的 Hexo 博客装上“嘴巴”

我直接带你走一遍最简单的流程,目标是在 Hexo 博客上用上 twikoo。

第一步:部署后端(以 Vercel 为例,完全免费)

  1. 点击官方文档里的 Vercel 一键部署按钮。
  2. 按提示创建仓库,环境变量暂时不用管,直接部署。
  3. 部署成功后,你会得到一个类似于https://xxxx.vercel.app的地址,这就是你的后端服务地址。请记下它。

第二步:在 Hexo 中配置

  1. 在你的 Hexo 博客主题中,找到可以添加自定义内容的地方(比如 _config.yml 文件或主题的评论设置)。
  2. 加入以下代码(通常主题会支持配置第三方评论系统的 ID,你需要填入的是后端地址):
<div id="tcomment"></div>
<script src="https://cdn.jsdelivr.net/npm/twikoo@latest/dist/twikoo.all.min.js"></script>
<script>
  twikoo.init({
    envId: "https://你的地址.vercel.app", // 这里填你刚刚得到的 Vercel 地址
    el: "#tcomment", // 评论容器
    // 可选,其他个性配置
    // path: window.location.pathname, // 文章路径
    // lang: 'zh-CN',
  });
</script>

第三步:部署你的博客

重新生成并部署 Hexo 博客。再打开文章页面,一个活生生的评论框就出现了!你可以自己试着发一条留言,看看 QQ 头像自动拉取、草稿保存等功能是不是已经生效。

效果就是:你的静态花园,从此有了回声。


twikoo 让静态网站评论这件事,回到了它本来的样子:简单、可控、有人情味。如果你也厌倦了臃肿的评论方案,或者正为静态博客的互动缺位发愁,不妨去它的 GitHub 仓库 ( https://github.com/twikoojs/twikoo ) 逛一逛。花十分钟配置一下,你的读者就会拥有一个舒适的表达角落。

如果你觉得项目不错,给它点个 Star 就是最好的鼓励。要是顺手提个 Issue 或 PR,那便是对这个开源社区最实在的添砖加瓦啦。



Previous Post
Gitea
Next Post
Artalk