https://www.knightli.com/tags/hugo%E5%8D%9A%E5%AE%A2/ Recent content in Hugo博客 on KnightLi的博客 Hugo -- gohugo.io zh-cn Fri, 25 Mar 2022 00:00:00 +0000 https://www.knightli.com/2022/03/25/hugo-utterances/ Fri, 25 Mar 2022 00:00:00 +0000 https://www.knightli.com/2022/03/25/hugo-utterances/ <h2 id="utterances和其他竞品的对比">utterances和其他竞品的对比 </h2><p>utterances 是一款基于 GitHub issues 的评论工具 相比同类的工具 gitment、gitalk 以及 disqus 评论工具，优点如下：</p> <ul> <li>极其轻量, 加载非常快, 配置比较简单</li> <li>disqus 好像现在都要收费了</li> <li>utterances 基于github issue，拥有多种主题的开源免费小组件。</li> </ul> <h2 id="安装步骤">安装步骤 </h2><ol> <li> <p>必须要一个github的账号, 创建一个repository, 评论将保存在这个repository里的issue里 <img src="https://www.knightli.com/2022/03/25/hugo-utterances/1.png" width="1357" height="816" srcset="https://www.knightli.com/2022/03/25/hugo-utterances/1_hu_48206989f5aec7e1.png 480w, https://www.knightli.com/2022/03/25/hugo-utterances/1_hu_607d45b0fffe8fad.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="166" data-flex-basis="399px" ></p> </li> <li> <p>安装 utterances app utterances app 的安装较为简单，直接在 GitHub 上安装即可。 GitHub App 链接：<a class="link" href="https://github.com/apps/utterances" target="_blank" rel="noopener" >https://github.com/apps/utterances</a> 访问 utterances应用程序 然后点击 Install 按钮进行安装。选在在第一步创建的repository <img src="https://www.knightli.com/2022/03/25/hugo-utterances/2.png" width="1359" height="914" srcset="https://www.knightli.com/2022/03/25/hugo-utterances/2_hu_db1353451b80d2f9.png 480w, https://www.knightli.com/2022/03/25/hugo-utterances/2_hu_9a6f2c4be8447a9f.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="148" data-flex-basis="356px" ></p> </li> <li> <p>在hugo 的 config.toml 文件中进行配置即可</p> </li> </ol> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span><span class="lnt">4 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">[params.utteranc] # utteranc is a comment system based on GitHub issues. see https://utteranc.es </span></span><span class="line"><span class="cl"> enable = true </span></span><span class="line"><span class="cl"> repo = &#34;github_user/repository&#34; # The repo to store comments </span></span><span class="line"><span class="cl"> issueTerm = &#34;pathname&#34; </span></span></code></pre></td></tr></table> </div> </div>