https://awshgreen.top/tags/blog/Recent content in Blog on AwshgreenHugozh-cnMon, 23 Feb 2026 00:00:00 +0000https://awshgreen.top/posts/blog-discussions-support/Mon, 23 Feb 2026 00:00:00 +0000https://awshgreen.top/posts/blog-discussions-support/<h2 id="前言">前言</h2> <p>有了你自己的博客 没有讨论区可怎么行 自己写一个讨论区要费老鼻子劲(反正我懒我不想自己动手 而且我也没学会html和css)</p> <p>那当然是找一下有没有现成的模板喽</p> <p>我替你找到了一个 名字就是 <strong>giscus</strong></p> <h2 id="前置条件">前置条件</h2> <ul> <li>一个<strong>公开的</strong> GitHub 仓库（专门用来存评论，建议新建一个比如 <code>blog-comments</code>）</li> <li>在仓库 Settings → Features 里勾选 <strong>Discussions</strong></li> <li>安装 <a href="https://github.com/apps/giscus">giscus GitHub App</a> 并授权该仓库</li> </ul> <h2 id="怎么使用">怎么使用</h2> <p>本文基于我的网页生成器(hugo)如果你的网页生成器与我不同 请自行查询操作 我只在此提供giscus项目使用方法</p> <p>前往giscus项目主页 链接在这里(别忘了来个star) <a href="https://github.com/giscus/giscus">https://github.com/giscus/giscus</a></p> <p>点击关于下面的链接(要是懒得去 点击这个也行) <a href="https://giscus.app/zh-CN">giscus.app</a></p> <ul> <li>进去后往下拉 你会看到配置页面</li> <li>先选择giscus的显示语言 支持简体中文</li> <li>下一步就是输入giscus连接的仓库 giscus依赖的是github官方项目讨论区 我非常强烈的建议你<strong>单独</strong>为其建一个新仓库 不需要链接 只需要你的github用户名和仓库名就可以</li> <li>然后下面的映射关系一般选第一个就行(我其实也没看懂() )</li> <li>再往下 这里让你选择讨论区分类 跟着它推荐的公告（announcements）类型 这样就可以确保新 discussion 只能由仓库维护者和 giscus 创建 防止别人去你仓库底下乱评论</li> <li>再下面的特性选项按你自己要求来</li> <li>主题看你自己喜欢哪个选哪个</li> <li>重头戏来了 启用giscus这个区域里面的就是根据你的选项生成的html</li> </ul> <p><strong>注意!!! 接下来的教程是根据hugo写的 其他网页生成器怎么使用可以自己去查或者问ai</strong></p> <h2 id="添加到-hugo">添加到 Hugo</h2> <p>新建评论模板（不要改主题文件，在项目根目录覆盖）：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>mkdir -p layouts/partials </span></span><span style="display:flex;"><span>nano layouts/partials/comments.html </span></span></code></pre></div><p>把生成的script 粘进去保存。</p> <p>然后在 <code>hugo.toml</code> 的 <code>[params]</code> 下加一行：</p>