ghost blog 集成 github 定制评论 - 3

免费插件Gisus 足够我们使用基本的步骤如下

Giscus 基于 GitHub Discussions，强烈推荐

• 🌟 免费、无广告、无追踪
• 📌 支持登录后评论，基于 GitHub Discussions
• 💡 外观支持暗色模式，响应快，适合技术类博客

🔧 安装方法：

1. 访问 https://giscus.app/ 配置你的评论组件
2. 拷贝它给你的 <script>...</script> 和 <giscus-widget>...</giscus-widget> 代码， <giscus-widget> 对代码侵入比较大，我们选择footer脚本注入的方式
3. 登录 Ghost 后台 → 设置 → 代码注入
4. 把代码粘贴到：页脚：插入 <script> 部分

步骤截图：

复制这段代码，一会儿我们采用在页脚代码注入的方式修改，是最合适最方便的不用修改源代码的方式

<script src="https://giscus.app/client.js"
        data-repo="sunlin-xiaonai/discuss"
        data-repo-id="R_kgDOOzDsmg"
        data-category="Announcements"
        data-category-id="DIC_kwDOOzDsms4CqybU"
        data-mapping="pathname"
        data-strict="0"
        data-reactions-enabled="1"
        data-emit-metadata="0"
        data-input-position="bottom"
        data-theme="preferred_color_scheme"
        data-lang="zh-CN"
        crossorigin="anonymous"
        async>
</script>

在设置中选择code injection，去粘贴代码:

最终配置后的效果是如下图:

如果需要里面的详细代码欢迎评论区评论，我看到后会吧代码粘贴出来。