Hugoがコメントを入れる機能

0 x 00を前に書く

LeaveItトピックはコメント機能を提供していないので、自分で書く必要があります.ここではValineサードパーティのコメントシステムを使っています.下記をご覧になる前に必ずクイックスタート|Valineをお読みください

0 x 01設定Valine

config.tomlに次のコードを追加します(Valine基本構成)

  # Valine.
  # You can get your appid and appkey from https://leancloud.cn
  # more info please open https://valine.js.org
  [params.valine]
    enable = true
    appId = 'Your appId'
    appKey = 'Your appKey'
    notify = false  # mail notifier , https://github.com/xCss/Valine/wiki
    verify = false # Verification code
    avatar = 'mm'
    placeholder = ' ...'
    visitor = true

0 x 02 commentsの作成

layouts/partials/にcomments.htmlファイルを作成します.ファイルの内容は次のとおりです.

  
  {{- if .Site.Params.valine.enable -}}
  
  
  <div id="vcomments">div>
  <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js">script>
  <script src='//unpkg.com/valine/dist/Valine.min.js'>script>

  <script type="text/javascript">
    new Valine({
        el: '#vcomments' ,
        appId: '{{ .Site.Params.valine.appId }}',
        appKey: '{{ .Site.Params.valine.appKey }}',
        notify: '{{ .Site.Params.valine.notify }}', 
        verify: '{{ .Site.Params.valine.verify }}', 
        avatar:'{{ .Site.Params.valine.avatar }}', 
        placeholder: '{{ .Site.Params.valine.placeholder }}',
        visitor: '{{ .Site.Params.valine.visitor }}'
    });
  script>
  {{- end -}}

0 x 03 comments導入

layouts/_default/single.htmlに次のコードを追加して、comments.htmlを導入します.

<div class="post-comment">
    
    {{ partial "comments.html" . }}
div>

0 x 04付属

詳細な構成情報は、構成項目|Valine

を参照してください.

具体的な効果はこれを見てください:blog.hgtweb.com