本指南将概述可用于创建文档的不同设计元素。
VuePress 提供了一个自定义容器插件来创建警稿框。有四种类型:
Markdown 范例
::: info
You can find more information at this site.
:::
::: tip
This is a great tip to remember!
:::
::: warning
This is something to be cautious of.
:::
::: danger DANGER
This is something we do not recommend. Use at your own risk.
:::
渲染 Markdown
INFO
你可以在这个网站上找到更多信息。
TIP
这是一个值得记住的好提示!
WARNING
这是需要谨慎的。
DANGER
这是我们不推荐的。使用风险自负。
VuePress 使用 Prism 提供语言语法高亮显示,方法是将语言附加到代码块的起始反撇号:
Markdown 示例
```js
export default {
name: "MyComponent"
}
```
渲染输出
export default {
name: "MyComponent"
}
向代码块添加行高亮显示,需要在大括号中附加行号。
Markdown 示例
```js{2}
export default {
name: "MyComponent",
props: {
type: String,
item: Object
}
}
```
渲染 Markdown
export default {
name: "MyComponent",
props: {
type: String,
item: Object
}
}
```js{4-5}
export default {
name: "MyComponent",
props: {
type: String,
item: Object
}
}
```
export default {
name: "MyComponent",
props: {
type: String,
item: Object
}
}
```js{2,4-5}
export default {
name: "MyComponent",
props: {
type: String,
item: Object
}
}
```
export default {
name: "MyComponent",
props: {
type: String,
item: Object
}
}
尽管定义了一些术语,但本文档中使用了以下定义。强烈建议您熟悉 XML。术语解释定义abstractmodule抽象模块对应于不同类型的内容...
引用标签被写为blockquote。它定义了一个长引用的开始。被引用内容总是写在引用标签中。该标签在文本前后生成换行符和空格。它没...