Разрешить HTML / Markdown для нижнего колонтитула в VuePress

Question

Я пытаюсь добавить html / markdown в переменную нижнего колонтитула в теме по умолчанию VuePress.Я хотел бы добавить URL в нижний колонтитул, который ссылается на мой сайт.Однако я не могу найти способ добавить URL в нижний колонтитул.Подскажите, пожалуйста, как я могу это сделать?Вот мой frontmatter:

—

home: true

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

---

Как я могу это сделать?Согласно этой проблеме в Github, эта функция все еще недоступна, однако, должен быть обходной путь?

Answer 1

Без копирования темы:
Вы можете использовать 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/>

Answer 2

Если тема по умолчанию не обеспечивает этого, вам необходимо создать собственную тему: - /

Может быть, скопировать тему по умолчанию и поместить ее в .vuepress/theme?Я бы, вероятно, добавил пользовательский нижний колонтитул в файл Layout.vue ( здесь ), также не забудьте также поместить его в файл 404.vue:

Там также естьпакет уценки, поставляемый в Vuepress, так что вы можете использовать его для рендеринга строки уценки из frontmatter?

Извините, что не предоставляю ответ «работает из коробки» - кажется, это не так просто.