
vuepress 全局页脚的便捷添加方法
无需为每个页面单独创建页脚组件,本文介绍一种简便方法在所有VuePress页面中添加统一的页脚。
利用全局布局文件:
在项目根目录下创建 layouts/Layout.vue 文件,作为所有页面的基础布局。
在 package.json 文件中,于 vuepress 部分添加 globalComponents 字段,指向您的布局文件:
立即学习“前端免费学习笔记(深入)”;
"vuepress": {
"globalComponents": [
"./layouts/Layout.vue"
]
}
现在,构建VuePress站点后,每个页面都会自动包含 Layout.vue 中定义的页脚。您可以在 部分添加所需的HTML、CSS和JavaScript代码。










