文档风格指南

    VuePress 提供了一个自定义容器插件来创建警稿框。有四种类型:

    • Info:提供中立的信息
    • Tip:提供积极和鼓励的信息
    • Warning:提供用户应该知道的信息,因为存在低到中等
    • Danger:供对用户具有高风险的负面信息

    Markdown 范例

    渲染 Markdown

    INFO

    You can find more information at this site。

    This is a great tip to remember!

    WARNING

    This is something to be cautious of。

    DANGER

    This is something we do not recommend。Use at your own risk。

    代码块

    Markdown 示例

    1. export default {
    2. name: 'MyComponent'
    3. }
    4. ```

    渲染输出

    1. export default {
    2. }

    向代码块添加行高亮显示,需要在大括号中附加行号。

    单行

    Markdown 示例

    渲染 Markdown

    1. export default {
    2. name: 'MyComponent',
    3. props: {
    4. type: String,
    5. item: Object
    6. }

    行组

    1. ```js{4-5}
    2. export default {
    3. name: 'MyComponent',
    4. props: {
    5. type: String,
    6. item: Object
    7. }
    8. }

    多个段落

    1. ```js{2,4-5}
    2. export default {
    3. props: {
    4. type: String,
    5. item: Object
    6. }
    7. }
    8. ```
    1. export default {
    2. name: 'MyComponent',
    3. props: {
    4. type: String,
    5. item: Object
    6. }