В Vuepress, как я могу динамически визуализировать некоторые MD-контент в тему Cusomer (vue шаблон)

Question

в одном. vue файле (компоненте) темы, я просто хочу динамически визуализировать некоторый контент md, как показано ниже, в. vue template

md content:

* 1004 Шаблон темы *

и vue выглядит следующим образом:

<template>
  <div class="theme-container">
    <Content slot-key="aaa" />
   <br/>=============
    <Content />
   <br/>=============
    <Content slot-key="bbb" />
    <br />
  </div>
</template>

И контент md, который я могу получить из некоторого серверного API, я хочу динамически отобразить его на странице, как можно Я делаю это.

Большое спасибо.

Answer 1

Если вы хотите визуализировать уценку внутри Vue компонента, вы должны написать плагин vuepress.

Я использовал https://github.com/superbiger/vuepress-plugin-tabs источник для справки. Вам необходимо:

• определить пользовательский контейнер md в плагине markdown-it-container, который должен анализировать открывающие и закрывающие теги контейнера
• определять ваш vue компонент в клиенте. js
• определить индекс. js для вашего плагина, который должен экспортировать EnhifyAppFiles и chainMarkdown
• добавить этот плагин в .vuepress / config. js.