VuePressでIconを設定する手順

環境

Version:VuePress v2.0.0-beta.60

※ Version2であることに注意してください

手順

  1. docs/.vuepress/ に「public」ディレクトリを作成する
  2. public ディレクトリに「icon.png」(.icoでも良い)を作成
  3. config.jsに以下を設定
head: [['link', { rel: 'icon', href: '/logo.png' }]],

参考:Config Reference | VuePress (vuejs.org)

以上で設定できているはずです。

解説

デフォルトではpublicディレクトリが用意されていないケースがあるため、作成しなければいけない点に注意が必要です。
docsの通常のディレクトリに画像ファイルを置くと集約されてassetディレクトリに自動生成されてしまうため、ファイル名が変更されたくない場合はpublicに置く必要があります。

コメント

タイトルとURLをコピーしました