chlonolog

web, digital gadgets, and more.

Hexoでタグ一覧に概要を追加したい

SEO的な意味で……というほど真面目に考えた訳ではないのですが、ふと「タグ一覧ページにタグの概要を載せたいかも」と思い立ち、実装してみました。


そんなに難しいことはしていません。
_config.ymlにずらっと概要を列挙し、テンプレートで呼び出しているだけです。
Hexoは設定ファイルに追加した値がテンプレート内でさくっと使えるのでとても楽ですね。

tag_description:
  (略)
  vscode:
    Windows/Mac/Linuxで動作するソースコードエディタ「<a href="https://code.visualstudio.com/">Visual Studio Code</a>」について言及しているエントリの一覧です。
  wordpress:
    オープンソースのCMS「<a href="https://ja.wordpress.org/">Wordpress</a>」について言及しているエントリの一覧です。
  キーボード:
    キーボード(入力機器)について言及しているエントリの一覧です。
  プレビュー(mac標準):
    macOS純正アプリ「プレビュー」について言及しているエントリの一覧です。
  更新履歴:
    当サイトの更新履歴です。
  よもやま:
    日常についての取るに足らない内容を書いたエントリの一覧です。
<% if (is_tag() && config.tag_description[page.tag]) { %>
<div class="panel panel-small">
  <div class="panel-heading">
    <i class="fas fa-info-circle" style="color:gray"></i> info
  </div>
  <div class="panel-body">
    <%- config.tag_description[page.tag] %>
  </div>
</div>
<% } %>

当初はタグごとにmdファイルを作り、それを読み込もうかと考えていました。
しかし独自ページならともかく、アーカイブページとしてそれをやろうとすると手間がかかりそうだったのでやめました。

コメント

© 2018 chlono