测试页面

default^1.9.0betacautioncustom element

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

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

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

config.js

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

export default config

config.ts

import type { UserConfig } from 'vitepress'

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

export default config

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.

导入样例: 下面这一段去掉--前面的空格就可以(防止被处理)
<! --@include: ../software/index.md-->
<<< 
../snippets/snippet.js

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

https://github.com/markdown-it/markdown-it-emoji/blob/master/lib/data/full.json

markdown-it

插件测试

markdown-it-sub

H₂O

H~2~O

markdown-it-sup

29^th

29^th^

markdown-it-abbr

(手机一般没法显示，应该需要指针悬浮触发)

The HTML specification is maintained by the W3C.

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium
The HTML specification
is maintained by the W3C.

markdown-it-mark

marked

==marked==

markdown-it-task-lists

• Task 1
• Task 2
• Task 3

- [x] Task 1
- [x] Task 2
- [ ] Task 3

样式设置

Markdown-it插件 相关样式设置代码

这一段代码免费开源，随便使用去吧！(The Unlicense)

/* Markdown-it插件 相关样式设置*/
/* 隐藏脚注的表情符号 */
.footnote-backref{
  display: none;
}
/* 隐藏任务列表的列表点 */
ul .task-list-item ,ol .task-list-item {
  list-style: none;
}
/* 去除任务列表中的vitepress的ul,ol左边距 */
ul.contains-task-list ,ol.contains-task-list {
  padding-left: 0px;
}

自定义测试

黑幕

<blackly title="你知道的太多了">黑幕</blackly>

黑幕效果代码

这一段代码免费开源，随便使用去吧！(The Unlicense)

/* 黑幕效果 */
blackly, .blackly, #blackly{
  /* 渐显渐消 */
  transition: color 0.25s linear;
  /* 全部设置黑色达到黑幕效果 */
  color: black;
  background-color: black;
  /* 鼠标移上或触摸激活显示文字 */
  &:hover,:active{
    color: white;
  }
}

数学公式

$$x=\frac{-b\pm \sqrt{b^2-4ac}}{2a}$$

$$x={-b\pm\sqrt{b^2-4ac}\over2a}$$

化学方程式

(基于数学公式格式写的)

$$2KCl{O}_3\stackrel{Mn{O}_2}{\underset{\text{Δ}}{===}}2KCl+3O_2$$

$$2KClO_3 \stackrel{MnO_2}{\underset{\text{Δ}}{=\!=\!=}} 2KCl + 3O_2$$

测试语言高亮支持

• scn语法高亮

*init
; 初始化场景中需要的角色对象
@action getname="公共行为(旁白)" displayname=false
@me getname="我" displayname=false
@clr

[sencename testsence="测试场景"]
*testsence | Start
@me
你好
[GameFinish]

*testsence | End