hexo-yilia主题支持twikoo评论系统

最新推荐文章于 2024-01-07 15:21:49 发布

布小星ouo

最新推荐文章于 2024-01-07 15:21:49 发布

阅读量235

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/w330069879/article/details/126026334

版权

本文介绍了如何将Twikoo评论系统集成到Hexo的Yilia主题中，包括代码修改、envId获取、邮件提醒设置和博主标识设置的详细步骤，最终实现评论功能并完成效果。

摘要由CSDN通过智能技术生成

yilia-more 已经增加对 twikoo 的支持

代码修改

layout/_partial/post 路径下新建 twikoo.ejs，添加代码

<div id="tcomment"></div>
<script src="https://cdn.staticfile.org/twikoo/1.5.11/twikoo.all.min.js"></script>
<script>
twikoo.init({
  envId: '<%= theme.twikoo.envId %>', // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）
  el: '#tcomment', // 容器元素
  // region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
  // path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
  // lang: 'zh-CN', // 用于手动设定评论区语言，支持的语言列表 https://github.com/imaegoo/twikoo/blob/main/src/js/utils/i18n/index.js