如何使用默认主题在VuePress标记文件中强制换行



如何使用默认主题在VuePress标记文件中强制换行?我有这样的口号:tagline: 'Lorem ipsum'我不知道如何把它分成两行。

我尝试过VuePress教程中提到的解决方案,即

tagline: 'Lorem⋅⋅
ipsum'

(点表示空间(,但它仍然以单行形式呈现。我使用的是VuePress v1.4.0。

页面的"frontmatter"是YAML格式,而不是Markdown格式。

由于您可以将自定义CSS添加到Vuepress网站,因此可以使用CSS空白属性来保留前台中的空白。(归功于这个答案(。

要专门针对包含tagline的元素,可以将此CSS添加到docs/.vuepress/styles/index.styl:的文件中

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

当然,您可以修改CSS以满足所有的前台属性,可能只需要.home .hero,甚至只需要.home

然后你就可以像上面在你的YAML中那样使用空行了。

最新更新