https://knightli.com/zh-tw/tags/hugo%E5%8D%9A%E5%AE%A2/ Recent content in Hugo博客 on KnightLi的博客 Hugo -- gohugo.io zh-tw Fri, 25 Mar 2022 00:00:00 +0000 https://knightli.com/zh-tw/2022/03/25/hugo-utterances/ Fri, 25 Mar 2022 00:00:00 +0000 https://knightli.com/zh-tw/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://knightli.com/2022/03/25/hugo-utterances/1.png" width="1357" height="816" srcset="https://knightli.com/2022/03/25/hugo-utterances/1_hu_48206989f5aec7e1.png 480w, https://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://knightli.com/2022/03/25/hugo-utterances/2.png" width="1359" height="914" srcset="https://knightli.com/2022/03/25/hugo-utterances/2_hu_db1353451b80d2f9.png 480w, https://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>