markdown语法

图片

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

超链接

点进去

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

表格

路由模式	url表现
history	url/login
hash	url/#/login

| 路由模式    | url表现    | 
| ------- | ----------- | 
| history | url/login   | 
| hash    | url/#/login |

数学公式

1、VitePress 本身不直接支持数学公式渲染，但可以通过集成第三方库来实现。

npm install markdown-it-katex katex

2、配置 VitePress

在 .vitepress/config.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 文件中使用数学公式

行内公式使用单个美元符号 $ 包裹，块级公式使用两个美元符号 $$ 包裹。

# 数学公式示例

行内公式：$c = \frac{a}{b}$

块级公式：
$$
E = mc^2
$$

除法

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

文字颜色

HTML标签法（通用）

<font color="#FF0000">红色文字</font>
<font color="#00FF00">绿色文字</font>
<font color="#0000FF">蓝色文字</font>