- 综合排序
- 最热优先
- 最新优先
- 来自专栏OY_学习记录
Twikoo Vercel 部署
官方文档：twikoo 部署视频：https://www.bilibili.com/video/av205905942 一、申请 MongoDB 账号 注册地址：https://www.mongodb.com image.png value 就是在创建 MongoDB 步骤时，需要保存的链接 image.png 4、重新部署 进入 Overview，点击 Domains 下方的链接，如果环境配置正确，可以看到 “Twikoo
1.6K30编辑于 2022-03-21 - 来自专栏Niko的小窝
给Twikoo加个邮箱提醒
跳坑原因 我还真没想明白我为什么要这样做(就一个白痴，不过也是快开学了，一开学我就没有时间折腾博客了，乘着精力旺盛再折腾下呗~ 写在最前 在Twikoo的开源文档中你可以看到，使用Vercel部署的云函数 image.png 网站Twikoo配置 打开你的网站随意一篇文章，下滑到Twikoo评论那，打开设置->输密码->进入配置管理->打开邮件通知菜单，看下图。 psf.png 回到你的网站Twikoo配置页面，下滑接着看。 image.png 再下滑，看到MAIL_TEMPLATE一设置项，可以直接复制我的。感谢Guole大佬！
1.5K20编辑于 2022-03-29 - 来自专栏花猪的学习记录
Twikoo私有化部署
拉取镜像 sudo docker pull imaegoo/twikoo 创建并启动容器 sudo docker run -p 8099:8080 -v /root/twikoo/data:/app/data -d imaegoo/twikoo 这里需要把服务器的8099端口打开（用到的是阿里云的服务） 测试 twikoo: envId: http://服务器ip:8099 正常情况下访问http ://服务器ip:port，即twikoo的服务地址，可以看到如下运行状况 理论上这样部署就可以了，但鉴于我的网站配置过https，由于twikoo本身并不支持https，因此还需要做反向代理。 例：我的存放路径：/etc/nginx/cert 将两个文件twikoo.cnhuazhu.top.key和twikoo.cnhuazhu.top.pem放入该目录下。 修改envId： twikoo: envId: https://twikoo.cnhuazhu.top/ 保存，重新部署。最后配置twikoo面板就可以了。
5K21编辑于 2022-10-05 - 来自专栏ahzoo.cn的博客分享
Hexo添加Twikoo评论插件
确定完成后，点击刚才创建的twikoo函数，点击函数代码，创建 package.json { "dependencies": { "twikoo-func": "1.4.9" } } 命令行环境部署 以下操作部署，可使用任意环境面板部署，这里使用的是git进行部署 克隆本仓库 git clone https://github.com/imaegoo/twikoo.git cd twikoo 安装依赖项 ，点击函数代码，打开 package.json 文件，将 "twikoo-func": "x.x.x" 其中的版本号修改为最新版本号，点击“保存并安装依赖”即可。 如果仍然不能解决，请删除并重新创建 Twikoo 云函数。 window)- twikoo - Settings - Git 点击 Connected Git Repository 下方的仓库地址 打开 package.json，点击编辑 将 "twikoo-vercel
2.2K20编辑于 2022-08-01 - 来自专栏花猪的学习记录
Next主题修复twikoo评论
其中包括twikoo。但是twikoo连夜修改cdn，我在next进行更新时发现报错： 然后去官网看了下，好像Next8关于twikoo的依赖也只停留在了1.0.3版本。 ---- 操作 找到相关依赖模块：\node_modules\hexo-next-twikoo\twikoo.njk，修改CONFIG.twikoo.jsUrl： CONFIG.twikoo.jsUrl || 'https://cdn.staticfile.org/twikoo/1.5.5/twikoo.all.min.js', 重新渲染，一切正常。 ---- 后记 Twikoo官方建议：在更新版本时，cdn地址最好也同步数字版本号。
52230编辑于 2022-05-30 - 来自专栏酒楼
私有部署twikoo评论系统
1.进行部署 首先确保服务器安装了docker 然后安装twikoo docker pull imaegoo/twikoo 接着部署 docker run -p 8084:8080 -v ${PWD}/ data:/app/data -d imaegoo/twikoo 这样访问https://你的ip:8084就能访问twikoo服务了 2.修改nginx代理 在nginx配置文件中添加 location /twikoo { proxy_pass http://你的ip:8084; # Twikoo 服务运行的地址和端口 proxy_set_header Host $host; /Giscus/Remark42/Artalk use: Twikoo text: true # Display the comment name next to the button # : envId: https://你的ip/twikoo region: visitor: false option: 大功告成！
73710编辑于 2024-02-18 - 来自专栏素履coder
Hugo博客添加Twikoo评论
因为Hugo博客的PaperMod主题是外国人开发的，国人用的不多，所以PaperMod主题没有自带twikoo评论系统，于是自己琢磨和查找资料，搞出来了 1.申请envId 请看twikoo官方文档 ，我选的是vercel部署方式，视频教程：Twikoo Vercel 部署教程 2.添加代码 Hugo的PaperMod主题添加twikoo代码的位置：layouts/partials/comments.html -- Twikoo -->
<span class="pagination__title-h" style @{{ .Site.Params.twikoo.version }}/dist/twikoo.all.min.js"></script> <script> twikoo.init : version: 1.4.11 // 这个版本号要自己手动修改，和twikoo的版本号要对得上 3.邮件提醒 twikoo比较方便，邮件提醒功能只需要在评论里设置就好了 image.png81110编辑于 2022-02-17来自专栏大大的小蜗牛Twikoo 集成 Slimbox2 灯箱插件
浏览 Twikoo 的开发者『iMaeGoo』个人博客的时候，里面有一篇文章 《集成 Twikoo 与 lightGallery 插件，实现评论图片的点击放大》 提到了 Twikoo 集成 lightGallery 本博客使用的是 Slimbox2 灯箱插件，按照 iMaeGoo 的思路，利用 Twikoo 的 API onCommentLoaded，很方便的开启的评论的图片灯箱效果。 主要代码是： @eallion/eallion.com <script> twikoo.init ({ //envId: "eallion-###", //el: =link]:has (img)").slimbox (); } }); </script> 当 Twikoo 评论加载完成后，查找 Selector .tk-content 里面是否有图片
71320编辑于 2022-12-20来自专栏Akilarの糖果屋twikoo评论块气泡风格魔改美化
要对 twikoo 进行魔改，同时又不破坏评论结构。那我首先想到的是用 js 附加 class，然后针对新增的 class 进行样式覆写。 但是在尝试过程中，发现不论我如何推迟附加 class 的 js 执行时间，它永远早于 twikoo 评论加载。 博主气泡效果需要将 twikoo 版本更新至 v1.4.12 及以上。 新建 [Blogroot]\themes\butterfly\source\css\custom\twikoo-beautify.css, /* 自定义twikoo评论输入框高度 */ .tk-input twikoo 添加图片点击放大功能 洪哥 Acrylic 主题（即原 Butterfly-heo）定制版评论样式微调，与本文可兼容 Twikoo 魔改样式分享 - 博客评论系统的定制皮肤 对 Butterfly
1.7K20编辑于 2021-12-08来自专栏rikka自动添加 twikoo 评论中的友链
关于审核什么的, 我就不关心了, 现在评论一共都没多少 思路 我的博客中评论用的是 twikoo, 云函数的代码我看不到(当然也肯定看不懂), 于是就只剩下 JS 了, 简单 F12 看一下, 发现点击发送按钮后 , twikoo.all.js 会给 twikoo 云函数发 post 请求, 请求负载的 request_data 字段包含了评论内容, 评论链接等. 只需要在 twikoo.all.js 向 twikoo 云函数发送 post 请求的同时给我自己的服务器也发一个评论内容的 post 请求, 后端解析得到的 json 格式字符串, 就能提取到新增友链需要的昵称 app.route("/",methods=['post']) def hello_world(): print(request.get_data(as_text=True)) 点击发送按钮, twikoo 在 https://postwoman.com.cn/ 可以快速地进行测试: image.png 更改 twikoo.all.js 在格式化后的 twikoo.all.js 5783 行处插入下面的代码
88410编辑于 2022-01-20来自专栏PythonObsidian+Digital Garden+Twikoo 搭建简单博客平台
，像文档说的那样，把 Github 仓库下载下来，添加 src/site/_includes/components/user/notes/footer/comment.njk，选择国内能用的评论系统 Twikoo
42310编辑于 2024-08-27来自专栏清羽飞扬魔改笔记六：twikoo及导航栏美化
教程 twikoo美化 下面是我进行 Twikoo 美化的所有 CSS 代码，你可以随意将其放入某个自定义 CSS 文件中以使用。 /* ========================twikoo美化====================== */ /* 隐藏评论者头像 */ #twikoo .tk-comments .tk-submit ); } /* 黑暗模式评论区评论大框 */ [data-theme=dark] .twikoo .tk-comments-container>.tk-comment, .twikoo .tk-comments important; } /* 由于twikoo内部函数不宜修改，为了合适，去掉弹窗中的刷新按钮，该部分不需要，这是为了适配右键回复弹窗的内容的 #popup #twikoo .tk-comments 下面是改进前后的效果对比： twikoo原本的夜间样式twikoo原本的白天样式twikoo改进后的夜间样式twikoo改进后的白天样式 导航栏美化 导航栏美化相对复杂一些。
66010编辑于 2024-05-30来自专栏清羽飞扬twikoo仿段落评论，实现快速评论功能
碎碎念 前几天在twikoo的交流群中，有人提到了这样一个问题：twikoo可以实现段落评论吗？ 于是我开始翻看Twikoo的文档，找到了以下文档： 其中内容如下： 于是我写出了如下代码： // 加载Twikoo库 function loadTwikooLibrary() { return /1.6.32/twikoo.all.min.js'; script.onload = function() { console.log('Twikoo库加载成功 首先，它检查窗口对象 window 上是否已经有 twikoo 属性，即 Twikoo 库是否已经加载过。 否则，它创建一个 <script> 元素，并将其 src 属性设置为 Twikoo 库的 URL。这会让网页加载 Twikoo 库文件。
80020编辑于 2024-05-30来自专栏rikka为 butterfly 主题的 twikoo 添加图片点击放大功能
只需将 twikoo.pug 中对应的代码修改如下 (直接抄自 main.js) twikoo.init(Object.assign({ el: '#twikoo-wrap', envId: ' {theme.twikoo.envId}', region: '! {theme.twikoo.region}', onCommentLoaded: function () { if(typeof window.mediumZoom! {JSON.stringify(theme.twikoo.option)}))
1.4K10编辑于 2022-01-20来自专栏夜梦星尘的折腾日记HEXO系列教程 | 在Butterfly主题中使用评论系统twikoo
部署twikoo系统 可以看夜梦的这篇文章：【docker】为Hexo添加评论系统 | Twikoo的部署与使用 4. 将twikoo接入Butterfly 打开_config.butterfly.yml文件，评论那块，改成twikoo： 然后往下找，找到twikoo的设置模块： 把envId修改成你使用的域名，把visitor
62310编辑于 2024-09-21来自专栏爪哇学习日记hexo-butterfly-评论系统引入
或unterances环境配置 Twikoo：填充环境ID（具体参考Twikoo文档） twikoo: envId: # 环境ID region: # 环境地域，默认为 ap-shanghai 评论功能实现 腾讯云部署twikoo 常见问题说明 <1>腾讯云安装部署twikoo 参考twikoo官网：https://twikoo.js.org/ 提供了多种部署方式，此处选择手动部署的部署方式 具体参考腾讯云官网提示 <2>hexo-butterfly主题环境配置文件配置Twikoo配置 Twikoo：填充环境ID（具体参考Twikoo文档） twikoo: envId: # 环境ID 更新部署成功后，请不要忘记同时更新前端的 Twikoo CDN 地址 https://cdn.jsdelivr.net/npm/twikoo@x.x.x/dist/twikoo.all.min.js 中的 扩展玩法 <1>Twikoo API 借助Twikoo API可实现特殊功能，在相应主题中对应调整：themes\butterfly\layout\includes\third-party\comments
2.2K20编辑于 2022-06-15来自专栏原创笔记Hexo博客添加Twikoo评论插件｜技术创作特训营第一期
前言：如果你的hexo博客支持Twikoo评论插件，不妨试着配置一下，它支持邮件提醒、甚至微信提醒等。可以说是目前最好的评论系统，并且长期免费。本博客未来将会采用此插件！ 最后我们来看看效果：选题思路：Hexo是一个快速、简洁、灵活的静态博客框架，而Twikoo是一个功能强大、易用、免费的评论插件。 2.Twikoo评论插件的特点和优势支持多种评论方式、支持邮件提醒、支持微信提醒、支持评论区管理、支持多语言、安全可靠3.如何使用Twikoo申请MongDB数据库账号、使用Vercel托管部署、绑定MongDB 、在Hexo博客安装4.总结在Hexo博客中添加Twikoo评论插件，需要先下载插件并解压到Hexo博客的plugins目录中，然后修改评论配置，安装依赖，并重启Hexo博客。 在使用Twikoo评论插件时，需要开启评论功能，并根据需要配置相关参数。Twikoo评论插件是一款功能强大、易用、免费的评论插件，可以为Hexo博客带来更多的互动和交流，方便用户进行评论管理和维护。
1.5K10编辑于 2023-08-16来自专栏大大的小蜗牛再说评论
当然我管理的其他站还有在使用 Twikoo 和 Waline。 原因 最近在学习相关知识，准备搞个新主题，疯狂地 Commit，顺便把本博客优化了一番。 其实原因很简单： 首先，Twikoo 和 Waline 都不再轻量了，至少不是我想要的那种轻。 第二，对我来说，它们的维护成本增高了不少。 我觉得一个产品也应该“非必要不更新”。 兼听则明？ Twikoo 的 QQ 群被机器人侵占，Waline 的 TG 群沦为 GitHub 提示器。都让人无语，不胜其烦。 维护难？ Twikoo 和 Waline 的部署那么简单，为什么说维护成本增高了呢？ 首先，我真的很忙，没什么时间。时间成本是最奢侈的维护成本。 拿部署在腾讯云 CloudBase 的 Twikoo 来举例： 我的这个腾讯云账号在 Chrome 下无法更新云函数，必须切换到浏览器的隐身模式才能操作。
76610编辑于 2022-12-20来自专栏晓晨的专栏Hexo 博客安装 Fluid 主题
添加留言板到导航，配置 _config.fluid.yml: menu: - { key: "remark", link: "/remark/" } 五.开启评论插件 评论插件推荐使用 twikoo 官方的安装文档很详细，此处不赘述：https://twikoo.js.org/ 安装后 twikoo 评论系统以后，需要配置 _config.fluid.yml: # 文章页面评论 post: comments : enable: true type: twikoo # 友链页面评论 links: comments: enable: true type: twikoo
1.3K20编辑于 2022-09-02来自专栏鱼的爱情看不出泪水如何给网页添加好看的HTML音乐播放器
华为eSpace 7910如何添加铃声 下一篇 评论 function loadTwikoo() { twikoo.init ({ el: '#twikoo-comment', envId: 'https://twikoo-vercel-server-nexmoe.vercel.app
2.4K20编辑于 2023-03-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号