基于fixit主题开启twikoo评论区

部署方式

我在config.yaml中配置方式未生效，这里我就选择手动配置了。
在themes/FixIt/layouts/posts/single.html，是否存在这目录，若不存在则应该会加载 themes/FixIt/layouts/_default/single.html

1
2


{{- /* Comment */ -}}
    {{- partial "single/comment.html" . -}}

应该会有这串，最好做全局配置，避免主题更新被覆盖掉，在themes之外的partial创建single目录，创建comment.html
加入以下内容。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15


<!-- Twikoo -->
<div>
    <div class="pagination__title">
        <span style="font-size: 16px;">💬评论</span>
        <hr />
    </div>
    <div id="tcomment"></div>
    <script src="https://cdn.jsdelivr.net/npm/twikoo@1.6.36/dist/twikoo.all.min.js"></script>
    <script>
        twikoo.init({
            envId: "",  //这里填写自己的envId
            el: "#tcomment"
        });
    </script>
</div>

评论区国内环境显示不了解决方案

因为Vercel域名被强了，将自己的某个二级域名cname解析到envId。然后在前端envid里填写自己的二级域名即可。

💬评论