【Hexo】Icarusテーマに更新日を表示させる方法

【Hexo】Icarusテーマに更新日を表示させる方法



Icarus(v3.0)テーマを適用して記事を作成すると、デフォルト設定では以下のようになってると思います。

Icarus(v3.0)の記事作成日の表示

御覧の通り、作成日として”3日前”という表記があるだけで、更新日がありません。

これを変更したいと思います。

\themes\icarus\layout\common\article.jsxを変更すればOKです。

\themes\icarus\layout\common\article.jsx
1
2
3
4
5
                            {/* Date */}
+ <i class="fas fa-clock">作成日:</i>
<time class="level-item" dateTime={date_xml(page.date)} title={date_xml(page.date)}>{date(page.date)}</time>
+ <i class="fas fa-wrench">更新日:</i>
+ <time class="level-item" dateTime={date_xml(page.updated)} title={date_xml(page.updated)}>{date(page.updated)}</time>

こちらのコードを反映すると、以下の通りとなります。

Icarus(v3.0)の記事作成日の表示

アイコンは、Font Awesomeの参照して、<i class="fas fa-clock"></i>等を使えばアイコンを表示させることができます。

https://fontawesome.com/icons?d=gallery

以上です。

コメント