Hello World

这是一篇包含本主题支持的各种基本 Markdown 语法的文章。

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
这一行有个more标记,不可见。

段落和文本格式

这是一个普通段落,可以包含粗体文本、斜体文本、粗斜体文本、删除线、行内代码和链接文本 。

这是另一个段落,用于测试段落之间的间距。

图片

示例图片

链接

这是一个内部链接,顺便测试内部反向链接。

这是一个外部链接 ,它带有一个箭头图标。

这是一个带标题的链接 。

这是一个引用式链接:引用链接

脚注和旁注

这是一个包含脚注的段落1。

这里是另一个脚注2。

这里是一个旁注当前旁注的显示方式是:大屏上显示,小屏幕则会插入到原文中。,注释内容在右边显示。

引用块

这是一个简单的引用块。

引用块可以包含多个段落。

这是一个嵌套引用的例子:

这是嵌套引用的内容。

可以有多层嵌套。

更多引用块样式

提示

Warning: This operation will delete all data.

You can choose to only to show the header!

This is a body-only callout without a header.

Click here to view the tips

Something more.

Can admonitions be nested?
Yes!, they can.
You can even use multiple layers of nesting.

另一种样式的 Callouts

警告

This is a warning notice. Be warned!

自定义标题

This is a very good tip with a different title.

信息

This is a info notice.

注释

This is a note notice.

普通

This is a very good tip with a different title.

表格

左对齐居中对齐右对齐
内容 1内容 2内容 3
较长的内容中等短
数据 A数据 B数据 C

表格行内支持MD语法

ItalicsBoldCode
italicsboldcode

列表

无序列表

  • 第一项
  • 第二项
    • 嵌套项 1
    • 嵌套项 2
      • 更深层的嵌套项
  • 第三项

有序列表

  1. 第一项
  2. 第二项
    1. 嵌套有序项 1
    2. 嵌套有序项 2
      1. 更深层的嵌套项
  3. 第三项

任务列表(复选框)

  • 已完成的任务
  • 未完成的任务
  • 另一个已完成的任务
  • 嵌套任务列表
    • 子任务 1(已完成)
    • 子任务 2(未完成)
    • 子任务 3(已完成)

定义列表

术语 1
这是术语 1 的定义。
术语 2
这是术语 2 的定义。
术语可以有多个定义。

代码

行内代码

这是一个包含 console.log('Hello World') 的段落。

代码块

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
function fibonacci(n) {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}


const result = fibonacci(10);
console.log(`The 10th Fibonacci number is: ${result}`);

// Async/Await
const asyncFunction = async () => {
  try {
    const response = await fetch('/api/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error fetching data:', error);
  }
};

含文件标题代码块

.\assets\css\extended\codeblock.css
.x-highlight-wrapper :nth-child(2) {
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* --hljs-bg 和 --radius 是 PaperMod 主题提供的变量 */
.x-highlight-title {
  background: var(--hljs-bg) !important;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  color: #e7ce56;
  padding: 4px 0 0 16px;
  font-size: .78em;
}

标签页

使用 tabs 和 tab 短代码来切换任意 Markdown 内容。

这个面板里可以放普通段落、npm run dev 这类行内代码,以及强调文本。

  • 公共说明
  • 初始化清单
  • 任意 Markdown 块
async function fetchUser(id) {
  const response = await fetch(`/api/users/${id}`);
  if (!response.ok) throw new Error("User not found");
  return response.json();
}

tabs 短代码本身不绑定代码块。

每个面板都可以混合段落、代码块、列表、引用或图片。

详情

点击展开详情

这是折叠的详细内容。

你可以在这里包含任何 Markdown 语法:

  • 列表项
  • 粗体文本
  • 代码

其他格式 — 属性, 下标, 上标, 键盘, 高亮

GIF 是一种图片格式。

H2O 是水的化学分子式。

E = mc2 是爱因斯坦的质能方程。

按 Ctrl + C 复制文本。

这是一个包含高亮文本的段落。

PDF 渲染

无法显示 PDF 文件,请 下载 查看。


  1. 这是第一个脚注的内容。 ↩︎

  2. 这是命名脚注的内容。 ↩︎