К сожалению, это невозможно без изменения шаблонов Vue. Домашняя страница отображается компонентом Home , и она обрабатывает фронт-маску страницы, используя Vue синтаксис «Усы» . Значения внутри усов будут отображаться только в виде простого текста.
Вам придется изменить компонент Home, либо «извлечение» темы по умолчанию, либо путем создания Пользовательский макет для домашней страницы. В обоих случаях вы, очевидно, больше не будете получать обновления компонентов при обновлении Vuepress.
Я создал demo , чтобы показать, как использовать пользовательский макет, чтобы разрешить frontmatter. быть HTML. Я скопировал компоненты Layout и Home из Vuepress и изменил новый компонент Home, чтобы использовать v-html для добавления значений HTML в компонент h1. Так что теперь ваш heroText может быть Hi! This is a <a href='https://www.google.com'>link</a>, и он будет отображаться в виде ссылки на главной странице. Очевидно, вы могли бы сделать то же самое для других элементов.
Обязательно установите значение layout вашей домашней страницы в новом макете, например layout: HomeLayout.