本文章用于测试主题功能是否可以正常使用,但我不知道为什么一刷新就爆炸

呃,然后又莫名其妙好了

标题

本部分主要用来测试目录。

二级标题

三级标题

四级标题

五级标题

EMOJI 🤤

🧩😅🧩😄💔😄👌✋✋🥽🖼️🎠🛝🫲🎐

摘要

使用<!--more-->来截取摘要

段落

痛苦啊,你便是我的唯一(加粗)

除了你,我皆无欲求

痛苦啊,你忠实的陪伴我,直至现在也没有一丝改变

当我的灵魂徘徊于深渊之底

唯有你相伴在我身旁,守护着我

我又怎能埋怨你呢

痛苦啊,你绝不会从我身旁遁走

我终于能表达对你的尊敬

现在也认识到你的存在

而你只是存于世,便那么美丽

痛苦啊,你就像那从未离开我那贫苦的心之火炉旁的人一样

比我那身为至爱的恋人还要多情

我知道在我迈向死亡的那一天

你会走进我内心的深处(斜体)

与我并排躺下

目前使用的解析器不支持高亮==highlight==,遇到中文括号可能会出错

任务列表

  • [x] task 1

留档

代码

typescript
document.addEventListener("DOMContentLoaded", () => {
  const highlightElements = document.querySelectorAll('code.highlighted');

  highlightElements.forEach((highlightElement) => {
    const parentElement = highlightElement.closest('.language-container') as HTMLElement;

    if (parentElement && highlightElement instanceof HTMLElement) {
      // Adjust the width of the highlighted element
      const adjustHighlightWidth = () => {
        const parentWidth = parentElement.offsetWidth;
        console.log(parentWidth);
        highlightElement.style.width = `${parentWidth}px`;
      };

      // Initial adjustment
      adjustHighlightWidth();

      // Adjust on window resize
      window.addEventListener('resize', adjustHighlightWidth);
    }
  });
});

代码突出

typescript
document.addEventListener("DOMContentLoaded", () => {
  const highlightElements = document.querySelectorAll('code.highlighted');

  highlightElements.forEach((highlightElement) => {
    const parentElement = highlightElement.closest('.language-container') as HTMLElement;

    if (parentElement && highlightElement instanceof HTMLElement) {
      // Adjust the width of the highlighted element
      const adjustHighlightWidth = () => {
        const parentWidth = parentElement.offsetWidth;
        console.log(parentWidth);
        highlightElement.style.width = `${parentWidth}px`;
      };

      // Initial adjustment
      adjustHighlightWidth();

      // Adjust on window resize
      window.addEventListener('resize', adjustHighlightWidth);
    }
  });
});

行内代码

index.d.ts:定义 VitePress 中使用的各种类型,包括配置对象、主题配置、插件接口等

图片

test

列表

有序列表

  1. 先这样
  2. 再那样
  3. 最后这样

无序列表

  • 先这样
  • 在这样
  • 最后那样

引用

我遗落的风景。

表格

AB
11A1B
22A2B
33A3B
44A4B
55A5B

公式

行内公式

这是一个行内公式:

相应的估计量称为参数的极大似然估计量。

公式块

这是一个块级公式:

Vitepress内置内容

Custom Containers

Input

md
::: 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.
:::

Output

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.