 mckero
|
c4ea964119
|
修改twikoo链接
|
2025-10-22 14:35:51 +08:00 |
|
|
mckero
|
58e4fd4f07
|
Update Twikoo script source URL
|
2025-10-19 10:20:00 +08:00 |
|
|
mckero
|
2bdad30f30
|
更新 Twikoo.astro
|
2025-10-18 22:51:47 +08:00 |
|
|
mckero
|
39adbf2a69
|
更新 Twikoo.astro
|
2025-10-12 16:30:59 +08:00 |
|
|
mckero
|
82fb555813
|
把Twikoo.astro中的链接替换阿里云
https://registry.npmmirror.com/twikoo/1.6.44/files/dist/twikoo.min.js
|
2025-10-12 15:48:20 +08:00 |
|
|
mckero
|
db42e3eabd
|
Update Twikoo script source URL
|
2025-10-12 12:59:52 +08:00 |
|
|
mckero
|
3956bc800c
|
更换链接
https://registry.npmmirror.com
|
2025-10-12 12:57:39 +08:00 |
|
|
mckero
|
6fc7a1ed15
|
解决评论操作会回到文章顶部,修改链接
解决评论操作会回到文章顶部
见 issue #721，Twikoo 加了一个href="#"，这是为了防止回复按钮在某些主题（如 VuePress）下被识别为不可点击的链接而加的，不能被官方仓库删除。但是 Fuwari 正是这个href="#"导致了问题。
我去 Twikoo 项目提了个 issue 也问了一下，回答说“拉 twikoo 的源代码，全局替换掉href="#"，然后编译一个自己的 js 出来用。”
那，还能怎么办，编译呗。用官方 js 的话不仅评论相关功能会出问题，就连登录管理页面输入密码回车，以及退出管理页面都能弹射到文章顶部，真的是弹射…
步骤：
Fork 官方项目到自己分支
仓库 Clone 到本地
全局删除href="#"
编译出 js 文件
编译流程：
# 安装 yarn（如未安装）
sudo npm install -g yarn
# 安装依赖
yarn install
# 搜索并删除 twikoo 源码中的 href="#"（建议用编辑器全局替换）
# 比如 VS Code 搜索全项目替换为 "javascript:void(0)"或删除，我是都删除了
# 编译（非腾讯云用 twikoo.min.js，全部文件输出在./dist）
yarn build
编译之后本地拉取最新上游更新（可选）
git remote add upstream https://github.com/twikoojs/twikoo.git
git fetch upstream
git merge upstream/main
编译之后的文件上传至自己仓库的 releases 里，版本号为 tag 名（如1.6.44）方便回找和升级。但是 releases 只供下载不提供 CDN，于是再上传一份到 GitHub 仓库中拿到 CDN。
于是我的Twikoo.astro最终版本：
Twikoo.astro
---
import { commentConfig } from '@/config'
interface Props {
path: string
}
const config = {
...commentConfig.twikoo,
el: '#tcomment',
path: Astro.props.path,
}
---
<div id="tcomment"></div>
<script define:vars={{ config }}>
function loadTwikoo() {
// 动态加载 Twikoo 脚本，并在加载完成后执行 twikoo.init
const script = document.createElement('script');
script.src = 'https://cdn.jsdelivr.net/gh/MicroSic/twikoo-magic/twikoo/twikoo.min.js'; // 去除腾讯云，删除所有href="#"的1.6.44版本
script.defer = true;
script.onload = () => {
if (window.twikoo) {
window.twikoo.init(config);
}
};
// script.onerror = () => {
// console.error('Twikoo script load failed');
// };
document.body.appendChild(script);
}
document.addEventListener("loadComment", loadTwikoo, { once: true }); // 监听加载评论事件，但是我们只能监听一次，从而避免多次触发。
</script>
|
2025-10-12 12:55:18 +08:00 |
|
|
mckero
|
f27ae7b64c
|
Twikoo.astro更换其中的链接。
|
2025-10-08 07:29:25 +08:00 |
|
|
mckero
|
b537dd0f7f
|
修bug
|
2025-10-07 08:36:53 +00:00 |
|
|
mckero
|
beb0b9e640
|
把giscus评论系统改成twikoo
|
2025-10-07 07:34:27 +00:00 |
|