<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>ヒューゴのブログ on KnightLiブログ</title>
        <link>https://www.knightli.com/ja/tags/%E3%83%92%E3%83%A5%E3%83%BC%E3%82%B4%E3%81%AE%E3%83%96%E3%83%AD%E3%82%B0/</link>
        <description>Recent content in ヒューゴのブログ on KnightLiブログ</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja</language>
        <lastBuildDate>Fri, 25 Mar 2022 00:00:00 +0000</lastBuildDate><atom:link href="https://www.knightli.com/ja/tags/%E3%83%92%E3%83%A5%E3%83%BC%E3%82%B4%E3%81%AE%E3%83%96%E3%83%AD%E3%82%B0/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>Hugoブログが発言コメント機能を追加</title>
        <link>https://www.knightli.com/ja/2022/03/25/hugo-utterances/</link>
        <pubDate>Fri, 25 Mar 2022 00:00:00 +0000</pubDate>
        
        <guid>https://www.knightli.com/ja/2022/03/25/hugo-utterances/</guid>
        <description>&lt;h2 id=&#34;発話と他の競合製品との比較&#34;&gt;発話と他の競合製品との比較
&lt;/h2&gt;&lt;p&gt;発言は GitHub の問題に基づいたコメント ツールです
同様のツールである gitment、gitalk、disqus コメント ツールと比較すると、次のような利点があります。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;非常に軽量で、読み込みが非常に速く、設定が比較的簡単です&lt;/li&gt;
&lt;li&gt;現在disqusが充電中のようです&lt;/li&gt;
&lt;li&gt;speech は github の問題に基づいており、さまざまなテーマを備えたオープンソースの無料ウィジェットがあります。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;インストール手順&#34;&gt;インストール手順
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;github アカウントを持ってリポジトリを作成する必要があります。コメントはこのリポジトリの課題に保存されます。
&lt;img src=&#34;https://www.knightli.com/2022/03/25/hugo-utterances/1.png&#34;
	width=&#34;1357&#34;
	height=&#34;816&#34;
	srcset=&#34;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&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;166&#34;
		data-flex-basis=&#34;399px&#34;
	
&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;発話アプリをインストールする
発言アプリのインストールは比較的簡単で、GitHub に直接インストールするだけです。
GitHub アプリのリンク: &lt;a class=&#34;link&#34; href=&#34;https://github.com/apps/utterances&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/apps/utterances&lt;/a&gt;
発話アプリケーションにアクセスし、「インストール」ボタンをクリックしてインストールします。最初のステップで作成したリポジトリを選択します
&lt;img src=&#34;https://www.knightli.com/2022/03/25/hugo-utterances/2.png&#34;
	width=&#34;1359&#34;
	height=&#34;914&#34;
	srcset=&#34;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&#34;
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;148&#34;
		data-flex-basis=&#34;356px&#34;
	
&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Hugo の config.toml ファイルで設定するだけです&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;[params.utteranc]         # utteranc is a comment system based on GitHub issues. see https://utteranc.es
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    enable = true
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    repo = &amp;#34;github_user/repository&amp;#34;    # The repo to store comments
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    issueTerm = &amp;#34;pathname&amp;#34;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
        </item>
        
    </channel>
</rss>
