Markdown 全功能测试

这是一篇用于检查主题 Markdown 渲染效果的测试文章。

1. 标题层级

一级标题 H1

二级标题 H2

三级标题 H3

四级标题 H4

五级标题 H5

六级标题 H6

2. 基础文字样式

这是一段普通文字，用来观察正文的字体、字号、字重、行高以及段落间距。

这是 粗体文字，这是 斜体文字，这是 粗斜体文字，这是 删除线文字，这是 行内代码。

下面是一段较长的文字，用来观察自动换行和移动端显示效果：钟表走着同样的节拍，夜晚缀着同一簇星星。即使一段话很长，也应该完整换行显示，而不应该被省略号截断或超出屏幕范围。

第一行结尾输入两个空格后换行。
这是强制换行后的第二行。

3. 主题增强行内语法

3.1 高亮

这里有一段 需要重点观察的高亮文字，前后仍然是普通正文。

3.2 插入文字

这里有一段 主题增强的插入文字，用于观察下划线或插入样式。

3.3 剧透文字

下面这句话中隐藏了一段内容：这是剧透内容，电脑端悬停、移动端点击后显示。

3.4 汉字注音

单个注音：通信tōng xìn

逐字注音：你好nǐhǎo，学习xuéxí，欲宇yùyǔ。

3.5 链接悬浮提示

访问李欲宇的 GitHub 主页

电脑端把鼠标移动到链接上，移动端点击链接，观察提示气泡效果。

4. 普通引用与提示框

4.1 普通引用

这是一段普通引用文字。

引用中可以包含 粗体、斜体 和 行内代码。

4.2 NOTE

4.3 TIP

4.4 IMPORTANT

4.5 WARNING

4.6 CAUTION

5. 列表

5.1 无序列表

• 通信工程

• 嵌入式开发

  • STM32
  • FPGA
  • 树莓派
• 博客建设

5.2 有序列表

1. 写 Markdown
2. 保存草稿
3. 预览文章
4. 正式发布

5.3 任务列表

• 安装 Typecho
• 启用 TGU-LIYUYU 主题
• 测试 Markdown
• 写下一篇正式文章
• 继续完善博客

6. 表格

7. 链接

普通链接：李欲宇的 GitHub 主页
李欲宇的主页

自动链接：https://github.com/Yuyudeyuya

邮箱链接：mailto:example@example.com

8. 图片、图注、尺寸与灯箱

8.1 带图注的图片

8.2 指定图片尺寸并带图注

8.3 可点击的图片

点击图片后应在新页面访问 GitHub，同时可以检查图片灯箱和图注是否正常。

9. 行内代码与代码块

行内代码示例：printf("Hello, World!");

9.1 PHP 代码块

<?php

function hello(string $name): string
{
    return '你好，' . $name;
}

echo hello('李欲宇');

[^typecho]: Typecho 是一个开源博客程序。
  
[^markdown]: Markdown 是一种轻量级标记语言。

9.2 JavaScript 长代码块

下面超过 10 行，用于测试代码高亮、复制按钮和折叠功能。

const features = [
  'Markdown',
  'Alert',
  'Tooltip',
  'Spoiler',
  'Ruby',
  'KaTeX',
  'Vega-Lite',
  'Excalidraw',
  'GitHub Onebox',
  'Bilibili',
  'Heatmap'
];

features.forEach((feature, index) => {
  console.log(`${index + 1}. ${feature}`);
});

9.3 无语言代码块

这是一段没有指定编程语言的代码块。
用于观察默认样式。

10. 数学公式 KaTeX

10.1 行内公式

质能方程是 $E=mc^2$，欧拉公式是 $e^{i\pi}+1=0$。

10.2 独立公式

$$ f(x)=\frac{1}{\sqrt{2\pi\sigma^2}}e^{-\frac{(x-\mu)^2}{2\sigma^2}} $$

10.3 方程组

$$ \begin{aligned} x+y &= 10 \\\\ x-y &= 2 \end{aligned} $$

10.4 化学公式

水的化学式是 $\ce{H2O}$，二氧化碳是 $\ce{CO2}$。

11. 脚注

Typecho 是一款轻量级博客程序¹，Markdown 可以让文章保持清晰的纯文本结构²。

12. GitHub 链接与 Onebox 卡片

12.1 个人主页

https://github.com/Yuyudeyuya

12.2 仓库卡片

下面的仓库地址必须单独占一段，主题才能尝试转换为 GitHub Onebox 卡片：

12.3 GitHub 文件链接

如果仓库中对应文件存在，单独放置文件地址还可以测试文件 Onebox：

# 🥵「Sakana!」摇摇乐插件 for Typecho

本插件将原 Web 版的 Sakana Widget 集成为 Typecho 博客系统挂件

## 预览地址
[本人blog](https://blog.kokowo.cn/)
[feng的blog](https://bkfeng.vvvv.ee/)
## 功能

- 按住角色立牌拖拽，松手后立牌会弹跳
- 托管模式，以随机间隔施加一个大小随机的力

## 使用方法
1. 在 Typecho的插件文件夹中添加本插件
2. 后台“插件管理”中找到本插件启用即可
3. 启用后自动注入到前端页面，无需手工注入

## 后台设置
<img width="1875" height="1036" alt="image" src="https://github.com/user-attachments/assets/2bd9b644-fdfd-4fb3-85e0-c4ce5b08ea38" />
1.可以控制角色显示
2.可以自定义选择展示那个角色以及轮流显示
3.摆动灵敏度和自定义位置
4.移动端策略


## License

本项目代码基于 MIT 协议授权，本项目是基于上游项目 [「Sakana!」石蒜模拟器](https://github.com/itorr/sakana) 和 [Sakana widget for Web](https://github.com/dsrkafuu/sakana-widget)，借鉴[plugin-Sakana-widget-Halo
](https://github.com/Lentinel/plugin-Sakana-widget-Halo)灵感的n次开发。

插画出处：大伏アオ [@blue00f4](https://twitter.com/blue00f4) [pixiv](https://pixiv.me/aoiroblue1340) | Logo 图片出处：[@Sanmon](https://www.pixiv.net/artworks/111233508) | 内置图片未经原作者授权**不可商用**。

13. Bilibili 视频

如果视频播放器没有出现，请检查服务器能否请求 Bilibili API，以及浏览器是否拦截播放器资源。

14. 站点内容热力图

下面显示最近 140 天的文章、手记和其他内容发布情况：

15. 评论嵌入

下面的 comment-1 必须是网站中真实存在且已审核的评论 ID。如果没有显示，请换成任意真实评论链接中的数字。

正确格式如下：

{% comment https://blog.kokowo.cn/文章地址#comment-真实评论ID %}

16. Vega-Lite 图表

下面是一张用于测试的柱状图：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "TGU-LIYUYU Markdown 功能测试图表",
  "data": {
    "values": [
      {"项目": "Markdown", "完成度": 100},
      {"项目": "主题", "完成度": 92},
      {"项目": "插件", "完成度": 75},
      {"项目": "文章", "完成度": 60}
    ]
  },
  "mark": {
    "type": "bar",
    "cornerRadiusEnd": 4
  },
  "encoding": {
    "x": {
      "field": "项目",
      "type": "nominal",
      "sort": null,
      "axis": {"labelAngle": 0}
    },
    "y": {
      "field": "完成度",
      "type": "quantitative",
      "scale": {"domain": [0, 100]}
    },
    "color": {
      "field": "项目",
      "type": "nominal",
      "legend": null
    },
    "tooltip": [
      {"field": "项目", "type": "nominal"},
      {"field": "完成度", "type": "quantitative"}
    ]
  }
}

17. Excalidraw 白板

下面是一块包含矩形的最小 Excalidraw 测试画布：

{
  "type": "excalidraw",
  "version": 2,
  "source": "https://excalidraw.com",
  "elements": [
    {
      "id": "tgu-liyuyu-test-rect",
      "type": "rectangle",
      "x": 120,
      "y": 80,
      "width": 360,
      "height": 180,
      "angle": 0,
      "strokeColor": "#1e1e1e",
      "backgroundColor": "#a5d8ff",
      "fillStyle": "solid",
      "strokeWidth": 2,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "frameId": null,
      "index": "a0",
      "roundness": {"type": 3},
      "seed": 1786888048,
      "version": 1,
      "versionNonce": 1786888048,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1786888048,
      "link": "https://github.com/Yuyudeyuya",
      "locked": false
    }
  ],
  "appState": {
    "viewBackgroundColor": "#ffffff"
  },
  "files": {}
}

18. 混合内容压力测试

1. 第一项包含数学公式 $a^2+b^2=c^2$。
2. 第二项包含行内代码 git status。
3. 第三项包含较长中文，用于检查移动端自动换行、行高、段落间距以及页面是否产生横向滚动条。

19. 最终检查清单

• 标题层级大小正确
• 粗体、斜体、删除线正常
• 高亮、插入、剧透正常
• 汉字注音正常
• 链接悬浮提示正常
• 五种提示框正常并可折叠
• 列表、任务列表、表格正常
• 图片图注、尺寸、灯箱正常
• 代码高亮、复制、折叠正常
• KaTeX 数学与化学公式正常
• 脚注正常
• GitHub 仓库卡片正常
• Bilibili 播放器正常
• 内容热力图正常
• 评论嵌入正常或已更换真实评论 ID
• Vega-Lite 图表正常
• Excalidraw 白板正常
• 电脑端与移动端均无文字截断和横向溢出

测试结束。