【发布时间】:2020-07-14 09:16:21
【问题描述】:
我无法找到有关如何修改 Vuepress 主页的信息,虽然我喜欢它的结构,但 .yaml 格式不允许我放置链接。
可以放链接吗? 或者更好的是,是否可以将该页面转换为 markdown 格式但保留它提供的输出?
【问题讨论】:
我无法找到有关如何修改 Vuepress 主页的信息,虽然我喜欢它的结构,但 .yaml 格式不允许我放置链接。
可以放链接吗? 或者更好的是,是否可以将该页面转换为 markdown 格式但保留它提供的输出?
【问题讨论】:
不幸的是,不修改 Vue 模板是不可能的。主页由Home component 组件呈现,它使用Vue 的"Mustache" syntax 呈现页面的frontmatter。胡须内的值只会呈现为纯文本。
您必须通过"ejecting" 默认主题或为主页创建custom layout 来修改Home 组件。在这两种情况下,当您升级 Vuepress 时,您显然不会再收到任何组件更新。
我创建了一个demo 来展示如何使用自定义布局来允许前端为 HTML。我从 Vuepress 复制了 Layout 和 Home 组件,并将新的 Home 组件更改为使用 v-html 将 HTML 值注入到 h1 组件中。所以现在你的heroText 可能是Hi! This is a <a href='https://www.google.com'>link</a>,它将在主页上显示为链接。你显然可以对其他元素做同样的事情。
请务必将主页的 layout 值设置为新布局,例如layout: HomeLayout.
【讨论】: