info 容器

这是一个平平无奇的 info 容器。

tip 容器

这是一个 tip 容器，通常用于放置小贴士

警告容器

这是一个 warning 容器，通常搭配 ⚠️ Emoji。

危险容器

这是一个 danger 容器，通常搭配 💥 Emoji。

IMPORTANT

类 GitHub 的 IMPORTANT 容器。

config.jsconfig.ts

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

export default config

import type { UserConfig } from 'vitepress'

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

export default config

typescript

function getInfo(x: number): string;
function getInfo(x: string): string;
function getInfo(x: number | string): string {
  if (typeof x === "number") {
    return `Number: ${x}`;
  } else {
    return `String: ${x}`;
  }
}

console.log(getInfo(10));
console.log(getInfo("TypeScript"));

ts

export const getData = async (id: number) => {
  try {
    await new Promise(resolve => setTimeout(resolve, 1000));

    return {
      msg: '字符串将被高亮！',
      id: id,
      timestamp: new Date().toISOString(),
      randomValue: Math.random().toFixed(2)
    };
  } catch (error) {
    console.error('发生错误:', error);
    return { error: '获取数据失败' };
  }
};

ts

export const getData = async (id: number) => {
  try {
    await new Promise(resolve => setTimeout(resolve, 1000));

    return {
      status: 'ok',
      msg: '仅保留 msg 和 status 字段的输出',
      id: id,
      timestamp: new Date().toISOString(),
      randomValue: Math.random().toFixed(2) 
    };
  } catch (error) {
    console.error('发生错误:', error);
    return { error: '获取数据失败' };
  }
};

yaml

version: '3' 

services:
  caddy:
    image: caddy:2
    container_name: caddy-server
    restart: unless-stopped
    environment:
      - API_KEY=18735b44-212e-45ec-8719-5b81ea9db57f // [!code focus]
      - API_URL=https://example.com // [!code focus]
      - DEBUG_MODE=true // [!code focus]
    ports:
      - "80:80"
      - "443:443"
    volumes:
      - ./Caddyfile:/etc/caddy/Caddyfile
      - caddy_data:/data
      - caddy_config:/config

volumes:
  caddy_data:
  caddy_config:

ts

// 禁用行号
const line2 = 'This is line 2'
const line3 = 'This is line 3'

ts

// 启用行号
const line2 = 'This is line 2'
const line3 = 'This is line 3'

ts

// 启用行号，并从 5 开始计数
const line3 = 'This is line 6'
const line4 = 'This is line 7'