Как сделать разрыв строк в файлах разметки VuePress, используя тему по умолчанию?

Question

Как заставить разрывать строки в файлах разметки VuePress, используя тему по умолчанию? У меня есть такой слоган: tagline: 'Lorem ipsum', и я не знаю, как его разбить на 2 строки.

Я пробовал решение, упомянутое в VuePress tutorial , то есть

tagline: 'Lorem⋅⋅
ipsum'

(точки представляют собой пробелы), но он по-прежнему отображается в одну строку. Я использую VuePress v1.4.0.

Answer 1

"frontmatter" страницы в формате YAML, а не в Markdown.

Поскольку вы можете добавить пользовательский CSS на свой сайт Vuepress, вы можете использовать CSS пробел свойство, чтобы сохранить пробел от вашего frontmatter. (Кредит на этот ответ ).

Чтобы нацелиться на элемент, содержащий конкретно tagline, вы можете добавить этот CSS в файл по адресу docs/.vuepress/styles/index.styl:

.home .hero .description {
  white-space: pre;
}

Вы, конечно, можете изменить CSS, чтобы он учитывал все свойства frontmatter, используя, возможно, всего .home .hero или даже .home.

Тогда вы сможете использовать пустые строки. как у вас выше в вашем YAML.