https://awshgreen.top/tags/%E5%8D%9A%E5%AE%A2/Recent content in "博客" on AwshgreenHugo -- gohugo.iozh-cnSat, 25 Apr 2026 02:24:11 +0800https://awshgreen.top/posts/blog-discussions-support/Sat, 25 Apr 2026 02:24:11 +0800https://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 class="link" href="https://github.com/apps/giscus" target="_blank" rel="noopener" >giscus GitHub App</a> 并授权该仓库</li> </ul> <h2 id="怎么使用">怎么使用 </h2><p>本文基于我的网页生成器(hugo)如果你的网页生成器与我不同 请自行查询操作 我只在此提供giscus项目使用方法</p> <p>前往giscus项目主页 链接在这里(别忘了来个star) <a class="link" href="https://github.com/giscus/giscus" target="_blank" rel="noopener" >https://github.com/giscus/giscus</a></p> <p>点击关于下面的链接(要是懒得去 点击这个也行) <a class="link" href="https://giscus.app/zh-CN" target="_blank" rel="noopener" >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" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">mkdir -p layouts/partials </span></span><span class="line"><span class="cl">nano layouts/partials/comments.html </span></span></code></pre></div><p>把生成的script 粘进去保存。</p> <p>然后在 <code>hugo.toml</code> 的 <code>[params]</code> 下加一行：</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">comments</span> <span class="p">=</span> <span class="kc">true</span> </span></span></code></pre></div><p>重新构建：</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">hugo </span></span></code></pre></div><p>打开任意一篇文章，底部即可看到评论框</p> <h2 id="总结">总结 </h2><p>这个项目使用还是挺简单的 如果你想要看效果的话这个博客底部就是</p> <p>END</p>