【问题标题】:Vuepress README.doc first page in format yaml convert to markdown format docVuepress README.doc 将 yaml 格式的首页转换为 markdown 格式的 doc
【发布时间】:2020-07-14 09:16:21
【问题描述】:

我无法找到有关如何修改 Vuepress 主页的信息,虽然我喜欢它的结构,但 .yaml 格式不允许我放置链接。

可以放链接吗? 或者更好的是,是否可以将该页面转换为 markdown 格式但保留它提供的输出?

【问题讨论】:

    标签: vue.js vuepress


    【解决方案1】:

    不幸的是,不修改 Vue 模板是不可能的。主页由Home component 组件呈现,它使用Vue 的"Mustache" syntax 呈现页面的frontmatter。胡须内的值只会呈现为纯文本。

    您必须通过"ejecting" 默认主题或为主页创建custom layout 来修改Home 组件。在这两种情况下,当您升级 Vuepress 时,您显然不会再收到任何组件更新。

    我创建了一个demo 来展示如何使用自定义布局来允许前端为 HTML。我从 Vuepress 复制了 LayoutHome 组件,并将新的 Home 组件更改为使用 v-html 将 HTML 值注入到 h1 组件中。所以现在你的heroText 可能是Hi! This is a <a href='https://www.google.com'>link</a>,它将在主页上显示为链接。你显然可以对其他元素做同样的事情。

    请务必将主页的 layout 值设置为新布局,例如layout: HomeLayout.

    【讨论】:

    • 非常感谢您的演示回购。正如我所想,一切都需要重新编写代码,这不是一个快速的解决方案。我只为我的客户使用 Vuepress 做小手册,因为我喜欢使用 markdown。但是如果我必须接触 vue,并使用高级计划,我会选择其他解决方案。无论如何,非常感谢你
    猜你喜欢
    • 1970-01-01
    • 2022-09-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多