Как я могу использовать уценку в макете домашней страницы VuePress? - PullRequest
Новая
       15

Как я могу использовать уценку в макете домашней страницы VuePress?

0 голосов
/ 27 марта 2020

В теге features на макете домашней страницы Vuepress ни одна нотация уценки не может быть использована из-за ошибки. Итак, я хотел бы сделать свой собственный макет, который расширен от макета домашней страницы по умолчанию и получить возможность использовать уценку.

Возможно ли это? Любое предложение приветствуется, спасибо!

Ответы [ 2 ]

2 голосов
/ 16 апреля 2020

Я согласен с @ Sun Haoran 's answer , но хочу отметить хороший способ добавления контента / html использует компонент.

Мы создали компонент первой страницы под названием HomeFeatures. vue. ( см. Репо ) Кроме того, мы просто скопировали это прямо из vuepress . 

<template>
  <div class="features">
    <div class="feature">
      <h2>AccuTerm</h2>
      <p>
        <a href="/accuterm/getting-started/">Getting Started</a><br />
        <a href="/accuterm/license-activation/">Licensing</a><br />
        <a href="/accuterm/desktop/">Desktop</a><br />
        <a href="/accuterm/web/">Web</a><br />
        <a href="/accuterm/mobile/">Mobile</a>
      </p>
    </div>
    <div class="feature">
      <h2>jBASE</h2>
      <p><a href="/jbase/">All Docs</a><br /></p>
    </div>
    <div class="feature">
      <h2>OpenQM</h2>
      <p>Main (Coming Soon!)<br /></p>
    </div>
    <div class="feature">
      <h2>MV Dashboard</h2>
      <p>
        <a href="/mv-dashboard/introduction/">Introduction</a><br />
        <a href="/mv-dashboard/installation-guide/">Installation Guide</a><br />
        <a href="/mv-dashboard/programmers-guide/">Programmers Guide</a>
      </p>
    </div>
    <div class="feature">
      <h2>MV Connect</h2>
      <p>
        <a href="/mv-connect/">Overview</a><br />
        <a href="/mv-connect/get-started/">Getting Started</a><br />
        <a href="/mv-connect/api/">API</a>
      </p>
    </div>
    <div class="feature">
      <h2>Customer Portal</h2>
      <p>
        <a href="/customer-portal/">All Docs</a>
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Features'
};
</script>

И просто включили его так: ( см. репо ) 

---
home: true
heroImage: /assets/img/logo-grey.png
heroText: Product Documentation
tagline: Welcome to the future
footer: MIT Licensed | Copyright © 2019-present Company Name
---

<HomeFeatures />

Наши документы живут здесь , если вы хотите увидеть его в действии.

2 голосов
/ 28 марта 2020

В настоящее время вы не можете пройти через много неприятностей. На главной странице темы по умолчанию используется текст YAML для передачи пользовательских текстов конфигурации, которые не будут анализироваться как уценки.

Лично я предлагаю вам попробовать HTML напрямую с настроенным макетом. Чтобы использовать настроенный макет для домашней страницы, проверьте мой другой ответ , а для использования HTML см. Соответствующую проблему в VuePress # 2186

...