1

我正在尝试将 html/markdown 添加到 VuePress 默认主题中的页脚变量。我想在链接到我的网站的页脚中添加 url。但是，我找不到将 url 添加到页脚的方法。你能告诉我我该怎么做吗？这是我的主要内容：

—

home: true

footer: Developed by [John Doe ](http://mywebsite.com). || Powered by VuePress

---

我怎样才能做到这一点？根据 Github 中的这个issue，这个功能仍然不可用，但是，必须有一个解决方法吗？

4

2 回答 2

4

无需复制主题：
可以在 markdown 中使用 vue 组件。
缺点：<Footer/>必须在每个页面/降价文件中复制，并且您的页脚在<main>.

创建文件夹/文件.vuepress/components/Footer.vue

<template>
  <footer>
<!-- html in here -->
  </footer>
</template>

<style lang="stylus" scoped>
// css/stylus here or in global stylus file
</script>

在您的降价中添加<Footer/>每个页面的底部。

使用主题副本： -如上所述
创建组件 -控制台：（此处的文档） -转到 -在下面添加Footer.vue
vuepress eject
.vuepress\theme\Layout.vue
</Page><Footer/>

于 2019-01-31T14:44:00.343 回答
1

如果默认主题没有提供，您需要构建自己的主题：-/

也许复制默认主题并将其放入.vuepress/theme？我可能会在Layout.vue文件中添加一个自定义页脚（此处），也不要忘记将其放入404.vue文件中:)

Vuepress 中还附带了一个 markdown 包，所以您可以使用它来呈现来自 frontmatter 的 markdown 字符串？

很抱歉没有提供“开箱即用”的答案——似乎没那么简单。

于 2018-12-30T09:34:30.940 回答