Skip to content
鼓励作者:欢迎打赏犒劳

markdown语法

图片

markdown
![评论截图](./images/comment.png)

超链接

点进去

markdown
[点进去](https://baidu.com)

表格

路由模式url表现
historyurl/login
hashurl/#/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}$

I=QtI = \frac{Q}{t}

如有转载或 CV 的请标注本站原文地址