编辑器特性

UML

时序图

用例图

类图

对象图

qrcode

excel

container

INFO

This is an info box.

TIP

This is a tip.

WARNING

This is a warning.

DANGER

This is a dangerous warning.

swiper test

%3Cdiv%20class%3D%22swiper%22%3E%0A%20%20%3C!--%20Additional%20required%20wrapper%20--%3E%0A%20%20%3Cdiv%20class%3D%22swiper-wrapper%22%3E%0A%0A%3C!--%20Slides%20--%3E%0A%3Cdiv%20class%3D%22swiper-slide%22%3E%0A%20%20%20%3Cimg%20src%3D%22%2F%2Fmdpress.glicon.design%2Fp%2Ffiles%2F2023-09-19%2F_97Umejwi3DfuOlGYg7iE.jpg%22%2F%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20class%3D%22swiper-slide%22%3E%0A%20%20%3Cimg%20src%3D%22%2F%2Fmdpress.glicon.design%2Fp%2Ffiles%2F2023-09-19%2FViaaga99bu_9v4OGJ-Idk.jpg%22%2F%3E%0A%0A%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22swiper-slide%22%3E%0A%20%20%20%20%20%20%3Cimg%20src%3D%22%2F%2Fmdpress.glicon.design%2Fp%2Ffiles%2F2023-09-19%2FttkWmxXd0mjrhQp1k195D.jpg%22%2F%3E%0A%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22swiper-slide%22%3E%0A%20%20%20%20%20%20%3Cimg%20src%3D%22%2F%2Fmdpress.glicon.design%2Fp%2Ffiles%2F2023-09-19%2FGmZdx5wpsgF-wcl1AO2ec.jpg%22%2F%3E%0A%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22swiper-slide%22%3E%0A%20%20%20%20%20%20%3Cimg%20src%3D%22%2F%2Fmdpress.glicon.design%2Fp%2Ffiles%2F2023-09-19%2F87hQUHXwwa77rhPaWQORV.jpg%22%2F%3E%0A%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3C!--%20If%20we%20need%20pagination%20--%3E%0A%20%20%3Cdiv%20class%3D%22swiper-pagination%22%3E%3C%2Fdiv%3E%0A%0A%20%20%3C!--%20If%20we%20need%20scrollbar%20--%3E%0A%0A%20%20%3C!--%20%3Cdiv%20class%3D%22swiper-scrollbar%22%3E%3C%2Fdiv%3E%20--%3E%0A%0A%3C%2Fdiv%3E%0A%0A

github emoji

😍 😁 😆 🥰 😛 🤔 🤑 🐵 🦄 🦓 🐂 🐄 🥝 🌽 🌽 🌰 🥐 🍔 🍟 🏅 🏆 🎃 🏓🧭 🌏 🌎 🌍 🌁 🌄 🛹 🛴 🚨 👜 👛 👚 📼 📹 🔞 🚷 ⬇️ 🔃 🏳️ 🏳️‍🌈

github emoji2

🎨
🐛

task list test

Write the press release
Update the website
Contact the media

code group test

config.jsconfig.ts

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

export default config

import type { UserConfig } from 'vitepress'

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

export default config

mermaid test

     flowchart LR
    A[Hard] -->|Text| B(Round)
    B --> C{Decision}
    C -->|One| D[Result 1]
    C -->|Two| E[Result 2]

     pie
    title 为什么总是宅在家里？
    "喜欢宅" : 15
    "天气太热或太冷" : 20
    "穷" : 500

katex test

\sqrt ​ 3 x - 1 ​ ​ ​ + (1 + x) ​ 2 ​ ​

$ \nabla \times B ⃗ - \frac{ 1 }{ c } \frac{ \partial E ⃗ }{ \partial t } \nabla \times E ⃗ + \frac{ 1 }{ c } \frac{ \partial B ⃗ }{ \partial t } \nabla \cdot B ⃗ = \frac{ 4 π }{ c } j ⃗ \nabla \cdot E ⃗ = 0 ⃗ = 0 = 4 π ρ $

编辑器特性 ​

UML ​

时序图 ​

用例图 ​

类图 ​

对象图 ​

qrcode ​

excel ​

container ​

swiper test ​

github emoji ​

github emoji2 ​

task list test ​

code group test ​

mermaid test ​

katex test ​

flowchart ​