Yuque-VitePress

Appearance

语雀示例文章 ​

基础 ​

1.图片 ​

2.表格 ​

字段备注
name名称
age年龄

3.附件 ​

测试文本1.docx

4.状态 ​

布局和样式 ​

1.高亮块 ​

INFO

蓝色背景高亮块

TIP

灰色背景高亮

:::color1 天蓝

:::

:::color2 翠绿

:::

TIP

绿色

WARNING

黄色

:::color3 橙色

:::

DANGER

橙粉

:::color4 粉色

:::

:::color5 紫色

:::

2.折叠块 ​

折叠标题

折叠内容

### 3.分栏卡片 两列分栏——左

两列分栏——右

typescript
const a = 1
const a = 1

4.引用 ​

引用文本第一行

引用文本第二行

引用文本第三行

5.分割线 ​

6.表情 ​

😃 🤪

画板类 ​

1.画板 ​

2.思维导图 ​

3.流程图 ​

数据表 ​

此处为语雀卡片，点击链接查看

程序员专区 ​

1.代码块 ​

typescript
// TypeScript
const test = (post: DocDetail) => {
	const newPost = process(post)
  return newPost
}
export default test
// TypeScript
const test = (post: DocDetail) => {
	const newPost = process(post)
  return newPost
}
export default test
java
// Java
@Test
public void test11() {
    long start = System.currentTimeMillis();
    int a = 0;
    for(int i=0;i<1000000000;i++){
        try {
            a++;
        }catch (Exception e){
            e.printStackTrace();
        }
    }
    long useTime = System.currentTimeMillis()-start;
    System.out.println("useTime:"+useTime);
}
// Java
@Test
public void test11() {
    long start = System.currentTimeMillis();
    int a = 0;
    for(int i=0;i<1000000000;i++){
        try {
            a++;
        }catch (Exception e){
            e.printStackTrace();
        }
    }
    long useTime = System.currentTimeMillis()-start;
    System.out.println("useTime:"+useTime);
}

2.公式 ​

$ \sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6} $

3.UML图 ​

4.文本绘图 ​

小工具 ​

1.提及 ​

@1874

2.内嵌语雀内容 ​

快速开始

3.日历 ​

4.投票 ​

此处为语雀卡片，点击链接查看

5.打卡 ​

此处为语雀卡片，点击链接查看

6.加密文本 ​

此处为语雀卡片，点击链接查看

嵌入本地内容 ​

1.本地文件 ​

测试文本1.docx

2.本地音频 ​

此处为语雀卡片，点击链接查看

3.本地视频 ​

此处为语雀卡片，点击链接查看

第三方服务 ​

1.优酷 ​

youku

2.B站 ​

bilibili

3.网易云 ​

music163

4.ProcessOn ​

processon

5.Canva ​

canva

6.CodePen ​

codepen

7.码上掘金 ​

juejin