---

layout: home

数学公式

$\sum _{n=1}^{\mathrm{\infty }}\frac{x^n}{n!}=e^x$

代码块

print("Hello World!")

#include<iostream>
using namespace std;
int main(){
  cout<<"Hello World!"<<endl;
}

自定义容器

INFO

This is an info box.

TIP

This is a tip.

WARNING

This is a warning.

DANGER

This is a dangerous warning.

Details

This is a details block.

STOP

危险区域,请勿继续

点我查看代码

console.log('Hello, VitePress!')

GitHub 风格的警报

NOTE

强调用户在快速浏览文档时也不应忽略的重要信息.

TIP

有助于用户更顺利达成目标的建议性信息.

IMPORTANT

对用户达成目标至关重要的信息.

WARNING

因为可能存在风险,所以需要用户立即关注的关键内容.

CAUTION

行为可能带来的负面影响.

代码块中聚焦

在某一行上添加 // [!code focus] 注释将聚焦它并模糊代码的其他部分.

此外,可以使用 // [!code focus:<lines>] 定义要聚焦的行数.

export default {
  data () {
    return {
      msg: 'Focused!'
    }
  }
}

代码块中的颜色差异

在某一行添加 // [!code --] 或 // [!code ++] 注释将会为该行创建 diff,同时保留代码块的颜色.

export default {
  data () {
    return {
      msg: 'Removed'
      msg: 'Added'
    }
  }
}

高亮"错误"和"警告"

在某一行添加 // [!code warning] 或 // [!code error] 注释将会为该行相应的着色.

export default {
  data () {
    return {
      msg: 'Error', 
      msg: 'Warning'
    }
  }
}

代码组

可以像这样对多个代码块进行分组:

config.js

/**
 * @type {import('vitepress').UserConfig}
 */
const config = {
  // ...
}

export default config

config.ts

import type { UserConfig } from 'vitepress'

const config: UserConfig = {
  // ...
}

export default config

:::