VuePress 自定义默认主题页眉页脚

方式

添加 2 个文件

.vuepress/theme/index.js

module.exports = {
  extend: '@vuepress/theme-default'
}

.vuepress/theme/layouts/Layout.vue

<template>
  <ParentLayout>
    <template #sidebar-top>
      <div>My custom sidebar-top</div>
    </template>
    <template #sidebar-bottom>
      <div>My custom sidebar-bottom</div>
    </template>
    <template #page-top>
      <div>My custom page-top</div>
    </template>
    <template #page-bottom>
      <div>My custom page-bottom</div>
    </template>
  </ParentLayout>
</template>

<script>
import ParentLayout from '@parent-theme/layouts/Layout.vue'

export default {
  name: 'Layout',
  components: {
    ParentLayout
  }
}
</script>

效果

适用版本

vuepress v1.5.4

Global Footer in Default Theme #339