Markdown

陆机：读书破万卷，下笔如有神

风格文本

斜体文本

粗体文本

粗斜体文本

这是错误的文本

带下划线文本

这是^上标或_下标文本

这是一个高亮的文本

这个下划线用的是html代码

水平线、列表、引用

---

---

• 1

• 2

• 3

引用

100. List A
     • List B
       • List C

字体颜色、任务清单

• [x] #739
• [ ] 任务清单 🎉

链接、音乐

这是一个链接

这是一个链接

跳转团队页面

图片、视频

表格

• 第一行：表头行，用|隔开，控制分列
• 第二行：控制行，用-隔开，控制分行
• 使用冒号:可控制对齐方式，:-表示左对齐，.或:-:表示中对齐，-:表示右对齐

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

• 这是采用html实现的Table

名字	性别	年龄	部门
张三	男	21	产品
李四	女	18
王二 男		20	销售

表情符号、徽章

🎉 💯 更多表情介绍

default^6.6.8betacautioncustom element

容器

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.

自定义容器

STOP

Danger zone, do not proceed

Click me to view the code

console.log('Hello, VitePress!')

代码语法高亮、行突出

int main(int argc, char *argv[]) {
	// Screen Output
	printf("%d\n", argc);
	printf("Hello,World!");
}

<ul>
  <li v-for="todo in todos" :key="todo.id">
    {{ todo.text }}
  </li>
</ul>

export default defineConfig({
  lang: 'zh-CN',
  title: "VitePress",
  description: "科技云端", 
  titleTemplate: '笔记、分享、合作' ,
})

export default { // Highlighted
  data () {
    return {
      // ...
      msg: `Highlighted!
      This line isn't highlighted,
      but this and the next 2 are.`,
      motd: 'VitePress is awesome',
      lorem: 'ipsum'
    }
  }
}

代码块色彩差异、错误和警告

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

export default {
  data() {
    return {
      msg: 'Error', 
      msg: 'Warning'
    }
  }
}

代码组

config.js

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

export default config

config.ts

import type { UserConfig } from 'vitepress'

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

export default config

导入代码片段

<<< @/guide/code/test.ts
<<< @/guide/code/test.ts{2} //行突出显示

// #region snippet
function foo() {
  // ..
}
// #endregion snippet

export default foo

思维导图、脚注

？？？

团队页面

manosP

作者

End