VuePress でテーマをカスタマイズする方法

現在のテーマを出力する

package.json に eject コマンドを追加する

  "scripts": {
    "dev": "vuepress dev blog", 
    "build": "vuepress build blog" ,
    "eject": "vuepress eject blog"
  }

eject コマンドを実行する

npm run eject 

この場所にテーマのファイルが出力される

blog

• .vuepress
  • theme

出力したテーマを変更する

layouts

• Layout.vue

Layout.vueがデフォルトのレイアウトファイル

components フォルダ配下が利用しているコンポーネント

変更すれば、VuePressのデザインが変更できる