评论区改为自托管 twikoo 前端,并适配主题
- 前端脚本从 jsDelivr 改为自托管 public/assets/js/twikoo.min.js, 版本与后端对齐(1.7.20)。国内访问 jsDelivr 实测 3 秒以上且常被墙, 是评论区空白的根因 - 新增 public/assets/css/twikoo-custom.css 主题适配层:选择器加 #twikoo 前缀以覆盖运行时注入的样式,颜色引用主题变量,自动跟随亮/暗色 - 修复首屏重复初始化:astro:page-load 在首屏也会触发,用 dataset.mounted 去重 - 评论配置移除已无用的 version 字段;README 与操作指南同步更新
This commit is contained in:
+10
-9
@@ -1,25 +1,26 @@
|
||||
/**
|
||||
* 评论系统配置。
|
||||
*
|
||||
* 这里配置的是 twikoo(https://twikoo.js.org)。留空 twikooEnvId
|
||||
* 则整个评论区不渲染。
|
||||
* 使用 twikoo(https://twikoo.js.org),后端为自托管实例。
|
||||
*
|
||||
* 也可以用环境变量 PUBLIC_TWIKOO_ENV_ID 覆盖,优先级高于本文件。
|
||||
* 前端脚本不走 CDN,而是自托管的 public/assets/js/twikoo.min.js —— 国内访问
|
||||
* jsDelivr 很不稳定,走 CDN 会导致评论区加载不出来。该文件版本与后端保持一致
|
||||
* (当前都是 1.7.20),升级后端时记得同步替换它。
|
||||
*
|
||||
* 主题适配样式在 public/assets/css/twikoo-custom.css。
|
||||
*/
|
||||
export const commentConfig = {
|
||||
/** twikoo 后端地址(部署 twikoo 的那个域名) */
|
||||
/** twikoo 后端地址(部署 twikoo 的那个域名)。留空则整个评论区不渲染。 */
|
||||
twikooEnvId: "https://twikoo.tianxuetao.top",
|
||||
|
||||
/** 评论界面语言 */
|
||||
lang: "zh-CN",
|
||||
|
||||
/** twikoo 前端脚本版本,从 jsDelivr 加载 */
|
||||
version: "1.7.4",
|
||||
|
||||
/**
|
||||
* 评论归属用的路径是否去掉结尾斜杠。
|
||||
* 评论归属路径是否去掉结尾斜杠。
|
||||
* 本站 trailingSlash 为 "always",但评论 key 统一存成不带斜杠的
|
||||
* `/posts/xxx` 形式,与该路径在旧站点上的历史数据保持一致。
|
||||
* `/posts/xxx` 形式,与后端里的历史数据保持一致 —— 改掉这条,
|
||||
* 老评论就会对不上。
|
||||
*/
|
||||
stripTrailingSlash: true,
|
||||
} as const
|
||||
|
||||
Reference in New Issue
Block a user