
markdown语法
图片
markdown

超链接
markdown
[点进去](https://baidu.com)
表格
路由模式 | url表现 |
---|---|
history | url/login |
hash | url/#/login |
markdown
| 路由模式 | url表现 |
| ------- | ----------- |
| history | url/login |
| hash | url/#/login |
数学公式
1、VitePress 本身不直接支持数学公式渲染,但可以通过集成第三方库来实现。
shell
npm install markdown-it-katex katex
2、配置 VitePress
在 .vitepress/config.js
文件中添加如下配置:
js
import { defineConfig } from 'vitepress'
import markdownItKatex from 'markdown-it-katex'
// .vitepress/config.js
module.exports = {
markdown: {
config: (md) => {
md.use(markdownItKatex)
}
},
head: [
['link', {
rel: 'stylesheet',
href: 'https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.css' // 引入KaTeX样式
}]
]
}
3、在 Markdown 文件中使用数学公式
行内公式使用单个美元符号 $
包裹,块级公式使用两个美元符号 $$
包裹。
markdown
# 数学公式示例
行内公式:$c = \frac{a}{b}$
块级公式:
$$
E = mc^2
$$
除法
markdown
$I = \frac{Q}{t}$