Hugoのacademicテーマでfaviconのカスタマイズ

hugoのacademicテーマでのfaviconの編集方法について今回は説明します。

ウェブサイトのアイコンのカスタマイズ

とは言ってもやることはシンプルです。

512x512ピクセルの正方形のicon.pngを用意し、assets/images/以下に置きます。

私は ファビコンジェネレーターを使用して、今回は作りました。

注意点

Academicのv4.7より前のバージョンの場合

それぞれicon-32.png(32x32ピクセル)、icon-192.png(192x192ピクセル)、icon-512.png(512x512ピクセル)を用意し、static/img/に配備します。

まとめ

今回はacademicテーマのfaviconについて解説しました。

Nakano
Nakano
Back-end engineer

AWS,Rails,UE4,vue.js,hugo,その他なんでもやりたい