温馨提示:本文翻译自stackoverflow.com,查看原文请点击:vue.js - Vuepress README.doc first page in format yaml convert to markdown format doc
vue.js vuepress

vue.js - Vuepress README.doc yaml格式的首页转换为markdown格式doc

发布于 2020-06-25 10:12:40

我无法找到有关如何修改Vuepress主页的信息,尽管我喜欢Vuepress的结构,但使用.yaml格式无法放置链接。

是否可以放置链接?还是更好,是否可以将该页面转换为降价格式,但保留其输出的内容?

Vuepress的正面。 我喜欢

查看更多

提问者
abkrim
被浏览
9
Delena Malan 2020-04-02 22:55

不幸的是,不修改Vue模板是不可能的。主页由Home组件组件呈现,并且使用Vue的“ Mustache”语法呈现页面的前题胡须内部的值将永远仅以纯文本形式呈现。

您必须Home通过“弹出”默认主题或为主页创建自定义布局来修改组件在这两种情况下,升级Vuepress时显然都不会再收到任何组件更新。

我已经创建了一个演示,以演示如何使用自定义布局以使前端成为HTML。我已经从Vuepress 复制了LayoutHome组件,并更改了新Home组件以用于v-html将HTML值注入到该h1组件中。因此,现在heroText可以了Hi! This is a <a href='https://www.google.com'>link</a>,它将作为链接显示在主页上。您显然可以对其他元素执行相同的操作。

确保将layout主页设置为新的布局,例如layout: HomeLayout