Ghostでfaviconを設定する

Ghostではなぜかfaviconをさっと設定できるオプションがないようです。
他のコンテンツはサクッといじれるのにね。

考えていたより100倍くらいめんどくさかったのでメモ。

※ ここに書いてある方法では上手くいかず、 Ghost + NginxProxyManagerでルートにファイルを置く で対応しました。

以下、執筆時のメモ。

favicon適用の流れ

• 適当なページを作り、そこにfaviconファイルをアップロードする
• faviconのURLをコピーする
• 設定から、共通ヘッダとしてfaviconを埋め込む

あれ、たいして面倒じゃないな。

ファイルをアップロードする

多分どこのページでもいいので、faviconをファイルとしてアップロードします。
自分の場合はfavicon用のページを作成し、そこに favicon.icoをファイルとしてアップロードしました。
Ghostが使える画像ファイルの拡張子としては違反になるので、単純なファイルとしてアップロードしておきます。

画像ではなく単純なファイルとして登録されます。

faviconのURLをコピー

ページが作成されると、アップロードファイルのリンクが作成されます。
リンクを右クリックし「リンクをコピー」しておきます。

共通ヘッダとして埋め込む

Ghostでは、各ページの共通ヘッダを埋め込むことができます。
/ghost/#/settings から、 Code injectionを選択し、以下のコードを貼り付けます。

<link rel="shortcut icon" href="/content/files/2023/01/favicon.ico" sizes="any">

hrefのところに先程コピーしたURLを貼り付ければOKです！

動作確認

• Windows版EdgeではOK
• iOSではNG

もっと根本的な対応が必要そう。

解決策

結局、Ghost単体ではきれいに解決できませんでした。
Ghost + NginxProxyManagerでルートにファイルを置くで解決します。