Hugo Icarus テーマ に関連記事を表示

Hugo Icarus(Last Updated 2017-05-20)のテーマに関連記事を表示したい。

関連記事リスト用にhtmlファイルを作成

themes/hugo-icarus-theme/layouts/partials/related-posts.html に以下の内容でファイルを作成する。 icarusのsummary.htmlを使い回せばサムネイル付きでできるはず…

{{ $related := .Site.RegularPages.Related . | first 5 }}
{{ with $related }}
<section class="archives-wrap">
  <div class="archive-category-wrap">
      <span class="archive-category">関連記事</span>
  </div>
  <div class="archives">
    {{ range . }}
      {{ .Render "summary" }} 
    {{ end }}
  </div>
</section>
{{ end }}

themes/hugo-icarus-theme/layouts/patials/single_article.html

  </article>
+ {{ partial "related-posts.html" . }}
  {{ if and (not (eq .Site.DisqusShortname "")) (not .Params.disable_comments) }}

config.toml で関連記事の設定をする

関連記事に関する設定をしないと、関連記事が表示されないことがあるらしいので設定する。

[related]
    # 関連度の閾値 (0-100)
    threshold = 80
    
    # 記事の日付よりも新しいものを含めるかどうか
    includeNewer = true
    
    # 関連度の計算時にキーワードを`toLower`するかどうか
    toLower = true
    
    # `indices`: インデックスの設定 (`indices`は`index`の複数形)
    # [[related.indices]]
    # name = "tags, keywords, author, etc..."
    # weight = 重み (0以上)
    # pattern = 日付パターン
    # toLower = true
    [[related.indices]]
    name   = "categories"
    weight = 30
    toLower = true
    [[related.indices]]
    name   = "tags"
    weight = 100
    toLower = true
    [[related.indices]]
    name   = "date"
    weight = 10
    pattern = "2006"

TODO

サムネイル表示される?

Share
関連記事