侧边栏壁纸

Alist添加评论

  • admin 2024年10月01日 75阅读 0评论
  • 前言

    我想建立一个能自己上传应用的网盘,需要一个评论系统,但是网络上的都是waline评论系统的教程,但是由于waline用不了,所以用twikoo,自己弄了一下,嫌话多直接看教程

    日记

    我看了twikoo的文档,在服务器直接用docker部署了twikoo,非常成果,由于我懒,直接ip访问的,看twikoo的官方文档,直接用cdn引入的方式弄进元信息里,但是根本不显示,原来是只支持markdown,于是我在markdown里引入,

    #  <center> - 评论 Comments -

    访问成功,但是有很多问题,在Windows里评论错误0,iOS也是评论错误0,只有安卓能正常评论,我看了一下错误是因为

    Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '<URL>'. This request has been blocked; the content must be served over HTTP

    查了一下,是因为在https的网站中插入http产生的错误,所以才会这样
    申请了https的证书,再改一下,可以了

    教程

    1.环境

    我用的是centos和1panel,自带很多东西

    2.部署

    在twikoo官方文档中有很多部署方式,还是用docker部署好一点
    拉取 imaegoo/twikoo​​ 就部署成功了
    查看端口号,反向代理一下,申请一个https证书
    把网站设置成https的

    3.引入

    在alist元信息中,把路径改为/,应用到所有子文件夹,然后在说明上输入以下代码

    #  <center> - 评论 Comments -
    <div id="tcomment"></div>
    <script src="https://registry.npmmirror.com/twikoo/1.6.39/files/dist/twikoo.all.min.js"></script>
    <script>
    twikoo.init({
      envId: '自己的评论网站,必须https', // 腾讯云环境填 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/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
    })
    </script>

    然后保存就可以了

    0

    —— 评论区 ——

    昵称
    邮箱
    网址
    取消