用途：测试 Markdown 渲染器、博客主题、CSS 样式、字体、代码高亮、排版细节与扩展语法兼容性。
建议使用 UTF-8 编码保存。不同渲染器对扩展语法的支持程度可能不同。

1. 标题测试

一级标题 H1

二级标题 H2

三级标题 H3

四级标题 H4

五级标题 H5
六级标题 H6

普通正文紧跟标题，用于观察标题与正文之间的间距。

2. 段落与换行

这是第一段。Markdown 中，段落通常由一个或多个空行分隔。

这是第二段。
这一行末尾使用了两个空格，因此这里应该是一次强制换行。
这是同一段中的下一行。

这是一个很长的段落，用于测试正文最大宽度、自动换行、中文标点、英文单词以及数字混排。The quick brown fox jumps over the lazy dog. 0123456789. 这是一段中文正文，用来观察字体、行高、字距、段落间距以及不同语言字符混排时的视觉效果。

3. 文本强调

普通文本

斜体文本

斜体文本（下划线）

粗体文本

粗体文本（下划线）

粗斜体文本

粗斜体文本（下划线）

删除线文本

粗体中包含 斜体

粗斜体 与 删除线 混排。

del标签实现删除线

行内代码

这是一个包含 const foo = "bar"; 的句子。

4. 中英文与标点混排

中文测试：莫听穿林打叶声，何妨吟啸且徐行。

英文测试：Good morning.

混排测试：使用 Markdown 编写内容，部署在 GitHub Pages、Cloudflare Pages 或其他平台。

数字测试：0 1 2 3 4 5 6 7 8 9

全角标点：，。！？；：“”‘’（）【】《》……

半角标点：, . ! ? ; : “ ‘ ( ) [ ] < > …

特殊符号：© ® ™ § ¶ † ‡ • · ° ± × ÷ ≈ ≠ ≤ ≥ ∞

货币符号：¥ ￥ $ € £ ₩ ₽ ₹

箭头：← ↑ → ↓ ↔ ↕ ↗ ↘ ↙ ↖

数学字符：α β γ δ ε θ λ μ π σ φ ω ∑ ∏ √ ∫ ∆

5. 引用块

这是一级引用。

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

一级引用

二级引用

三级引用

引用中的粗体

引用中的代码
  • 引用中的列表项目 1
  • 引用中的列表项目 2

6. 无序列表

  • 项目 A
  • 项目 B
  • 项目 C
  • 星号项目 A
  • 星号项目 B
  • 加号项目 A
  • 加号项目 B

嵌套列表：

  • 一级项目 A
    • 二级项目 A.1
    • 二级项目 A.2
      • 三级项目 A.2.1
      • 三级项目 A.2.2
  • 一级项目 B

复杂嵌套：

  • 系统
    • Windows
      • Windows 10
      • Windows 11
    • Linux
      • Arch Linux
      • Ubuntu
      • Debian
  • 移动设备
    • Android
    • iOS

7. 有序列表

  1. 第一项
  2. 第二项
  3. 第三项

嵌套：

  1. 第一章
    1. 第一节
    2. 第二节
  2. 第二章
    1. 第一节
      1. 小节 A
      2. 小节 B
  3. 第三章

自动编号测试：

  1. Apple
  2. Banana
  3. Cherry
  4. Dragonfruit

从其他数字开始：

  1. 第五项
  2. 第六项
  3. 第七项

8. 混合列表

  1. 功法
    • 五行剑诀
    • 玄清天衍录
    • 四象天引录
  2. 神通
    • 金虹贯日
    • 天星若雨
    • 玄冰凝骨术
  3. 妖兽
    • 浪方大圣
    • 九幽大圣
    • 吞云大圣

9. 任务列表（GFM）

  • 已完成任务
  • 未完成任务
  • 支持中文
  • 测试 Hover 效果
  • 测试移动端显示
    • 子任务已完成
    • 子任务未完成

10. 分隔线

上方文字

下方文字

另一种分隔线

第三种分隔线

11. 链接

行内链接：

OpenAI

GitHub

空白时间

带标题：

GitHub

自动链接：

https://github.com/

test@example.com

参考式链接：

这是一个 参考链接。

这是另一个 GitHub。

12. 图片

普通图片：

示例图片

带标题：

示例图片

若当前渲染环境禁止远程图片加载，图片可能无法显示。

13. 行内代码

这是 inline code。

这是中文中的 行内代码。

路径测试：C:\Users\Test\Documents\example.md

命令测试：git status

变量测试：const themeColor = "#6495ED";

HTML 标签：<div class="container">

特殊字符：< > & " '

14. 普通代码块

这是没有指定语言的代码块。

line 1
line 2
line 3

15. JavaScript 代码高亮

const site = {
  name: "示例",
  domain: "example.com",
  themeColor: "#6495ED",
};

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet(site.name);

16. TypeScript

interface User {
  id: number;
  name: string;
  active: boolean;
}

const user: User = {
  id: 1,
  name: "Blanktime",
  active: true,
};

function getUserName(user: User): string {
  return user.name;
}

17. Python

from dataclasses import dataclass

@dataclass
class Site:
    name: str
    domain: str

site = Site(
    name="示例",
    domain="example.com",
)

print(f"{site.name}: https://{site.domain}")

18. Rust

fn main() {
    let site_name = "示例";
    let domain = "example.com";

    println!("{}: https://{}", site_name, domain);
}

19. C

#include <stdio.h>

int main(void) {
    printf("Hello, Markdown!\n");
    return 0;
}

20. C++

#include <iostream>
#include <string>

int main() {
    std::string site = "Blanktime";
    std::cout << "Hello, " << site << "!" << std::endl;
    return 0;
}

21. Java

public class Main {
    public static void main(String[] args) {
        String site = "Blanktime";
        System.out.println("Hello, " + site + "!");
    }
}

22. C#

using System;

class Program
{
    static void Main()
    {
        Console.WriteLine("Hello, Markdown!");
    }
}

23. Go

package main

import "fmt"

func main() {
    fmt.Println("Hello, Markdown!")
}

24. PHP

<?php

$site = "Blanktime";
echo "Hello, {$site}!";

?>

25. HTML

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Markdown Test</title>
</head>
<body>
  <main class="container">
    <h1>空白时间</h1>
    <p>Hello World!</p>
  </main>
</body>
</html>

26. CSS

:root {
  --theme-color: #6495ed;
}

body {
  font-family:
    "LXGW WenKai",
    "Noto Serif SC",
    serif;
  line-height: 1.8;
}

.post-title {
  color: var(--theme-color);
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8),
    0 4px 10px rgba(0, 0, 0, 0.18);
}

27. SCSS

$theme-color: #6495ed;

.card {
  border: 1px solid rgba($theme-color, 0.25);

  &:hover {
    transform: translateY(-2px);
  }

  .title {
    color: $theme-color;
  }
}

28. JSON

{
  "name": "blanktime",
  "version": "1.0.0",
  "private": true,
  "theme": {
    "color": "#6495ED",
    "darkMode": true
  }
}

29. YAML

site:
  name: 示例
  domain: example.com
  theme_color: "#6495ED"

features:
  - search
  - comments
  - dark_mode

30. TOML

[site]
name = "示例"
domain = "example.com"
theme_color = "#6495ED"

[features]
search = true
comments = true
dark_mode = true

31. Bash / Shell

#!/usr/bin/env bash

set -euo pipefail

SITE_NAME="Blanktime"

echo "Building ${SITE_NAME}..."

git status
npm install
npm run build

32. PowerShell

$SiteName = "Blanktime"

Write-Host "Building $SiteName..."

Get-ChildItem
git status
npm run build

33. SQL

CREATE TABLE posts (
    id INTEGER PRIMARY KEY,
    title TEXT NOT NULL,
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

INSERT INTO posts (title)
VALUES ('Markdown 测试文章');

SELECT *
FROM posts
ORDER BY created_at DESC;

34. XML

<?xml version="1.0" encoding="UTF-8"?>
<site>
  <name>空白时间</name>
  <domain>blanktime.cn</domain>
</site>

35. Diff

- const color = "#42A5F5";
+ const color = "#6495ED";

- old line
+ new line

36. INI

[site]
name=示例
domain=example.com

[theme]
color=#6495ED
dark_mode=true

37. 表格

名称 类型 状态
Hexo 静态博客框架 使用中
Astro Web 框架 测试中
Git 版本控制 正常
Docker 容器 正常

38. 表格对齐

左对齐 居中 右对齐
Apple 100 1.23
Banana 200 45.67
Cherry is good good good good 300 3.14159265758

39. 长文本表格

项目 描述
Markdown 一种轻量级标记语言，可以使用纯文本语法编写结构化文档。
HTML 浏览器最终渲染页面时使用的标记语言，可以与 Markdown 混排。
CSS 用于控制页面视觉样式，包括颜色、字体、间距、动画与布局。
JavaScript 用于为页面增加交互逻辑和动态行为。

40. 表格中的格式

功能 示例
粗体 Bold
斜体 Italic
删除线 Delete
代码 code
链接 GitHub

41. 转义字符

下面用于测试 Markdown 特殊字符转义：

*不是斜体*

*不是粗体*

# 不是标题

- 不是列表

> 不是引用

`不是代码`

不是链接不是链接(https://example.com/)

反斜杠：\

42. 特殊符号与字符实体

HTML 实体：

&

<

>

"

'

 

©

®

™

43. HTML 混排

这是 HTML 中的粗体。

这是一个 HTML 段落。

HTML 行内样式测试

44. HTML details / summary

点击展开内容

这里是折叠区域。

  • 列表项目
  • 粗体
  • 代码
console.log("details test");

45. HTML mark

普通文字 高亮文字 普通文字。

46. 上标与下标

HTML 上标：

E = mc2

HTML 下标：

H2O

47. 键盘按键

按 Ctrl + C 复制。

按 Ctrl + Shift + Esc 打开任务管理器。

48. 删除与插入

旧内容

新内容

49. 缩写

HTML

CSS

50. 注释

下面存在一条 HTML 注释，但通常不会显示：

注释结束后的正文。

51. 脚注

这是一个带脚注的句子。1

另一个脚注。2

52. 数学公式：行内

如果渲染器支持 LaTeX / KaTeX / MathJax：

行内公式：E=mc2E = mc^2

勾股定理：a2+b2=c2a^2 + b^2 = c^2

圆周率：π≈3.1415926\pi \approx 3.1415926

53. 数学公式：块级

E=mc2E = mc^2 a2+b2=c2a^2 + b^2 = c^2 1n∑i=1nxi\frac{1}{n}\sum_{i=1}^{n}x_i ∫−∞+∞e−x2 dx=π\int_{-\infty}^{+\infty} e^{-x^2} \, dx = \sqrt{\pi}

54. 数学矩阵

A=[123456789]A = \begin{bmatrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{bmatrix}

55. 数学分段函数

f(x)={x2,x≥0−x,x<0f(x)= \begin{cases} x^2, & x \ge 0 \\ -x, & x < 0 \end{cases}

56. 删除线、粗体、代码混排

这是一段 被删除的文本，这是 重要内容，这是 code，这是 强调文字。

粗体 code 粗体

删除线中的 code

57. URL 长链接测试

https://example.com/this/is/a/very/very/very/very/very/very/long/url/used/to/test/overflow/behavior/in/markdown/renderers?foo=bar&hello=world&theme=blanktime

58. 超长英文单词测试

这是一个用于测试 overflow-wrap / word-break 的超长字符串：

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789

超长单词：

pneumonoultramicroscopicsilicovolcanoconiosis

59. 文件路径测试

Windows：

C:\Users\Tom\Documents\Markdown\test.md

Linux：

/home/user/projects/blanktime/content/posts/test.md

URL：

https://example.com/

60. Emoji

😀 😃 😄 😁 😆 😅 😂 🤣 😊 😎

🥹 😭 😿 🙃 🤔 🧐 😴 🫠 🫡

❤️ 🧡 💛 💚 💙 💜 🖤 🤍

🔥 ✨ ⭐ 🌙 ☀️ 🌧️ ⚡ ❄️

🐱 🐶 🐼 🦊 🐧 🐉

💻 🖥️ ⌨️ 🖱️ 📱 💾 🔧

61. Unicode

中文：你好，世界。

日文：こんにちは、世界。

韩文：안녕하세요, 세계.

俄文：Привет, мир.

希腊文：Γειά σου Κόσμε.

阿拉伯文：مرحبا بالعالم

希伯来文：שלום עולם

泰文：สวัสดีชาวโลก

62. 中文生僻字与字体覆盖测试

龘 靐 齉 齾 爩 鱻 麤 灪 籲 靏 爨

𠮷 𡃁 𪚥

某些字体可能缺少部分扩展汉字字形。

63. CJK 标点测试

「直角引号」

『双直角引号』

“中文双引号”

‘中文单引号’

《书名号》

〈单书名号〉

【方头括号】

〔六角括号〕

——破折号

……省略号

·间隔号

64. 空格测试

普通空格：A B

多个普通空格：A B

不换行空格：A   B

全角空格：A　B

65. 换行测试

第一行空格换行
第二行空格换行
第三行

第四行

第五行

66. 连续空行测试

上方文本。

中间存在多个空行。

下方文本。

67. 引用中的代码块

引用块：

print("Hello from blockquote")

引用结束。

68. 列表中的代码块

  1. 第一步

    git clone https://github.com/example/example.git

  2. 第二步

    cd example
    npm install

  3. 第三步

    npm run build

69. 列表中的引用

  • 项目 A

    这是项目 A 下的引用。

  • 项目 B

    这是项目 B 下的引用。

70. 列表中的多段文字

  1. 第一项的第一段。

    第一项的第二段。

  2. 第二项的第一段。

    第二项的第二段。

71. 代码块中的 Markdown 字符

# 这里不是标题

**这里不是粗体**

- 这里不是列表

[这里不是链接](https://example.com/)

> 这里不是引用

72. Front Matter：YAML

---
title: Markdown 全功能显示测试
date: 2026-09-27 14:20:00
updated: 2026-09-27 14:20:00
tags:
  - Markdown
  - Test
categories:
  - 测试
description: 用于测试 Markdown 渲染与主题样式。
---

73. Front Matter：TOML

+++
title = "Markdown 全功能显示测试"
date = 2026-09-27T14:20:00+08:00
tags = ["Markdown", "Test"]
categories = ["测试"]
+++

74. Front Matter：JSON

{
  "title": "Markdown 全功能显示测试",
  "date": "2026-09-27T14:20:00+08:00",
  "tags": ["Markdown", "Test"]
}

75. Hexo 常见标签插件示意

以下内容只有安装并启用对应 Hexo 标签插件或主题扩展时才会生效。

{% note info %}
这是一个信息提示框。
{% endnote %}
{% note warning %}
这是一个警告提示框。
{% endnote %}
{% codeblock lang:javascript %}
console.log("Hexo tag plugin");
{% endcodeblock %}

76. 常见 Admonition 扩展语法

不同 Markdown 引擎语法不同，这里仅用于兼容性测试。

::: note
这是 Note。
:::

::: tip
这是 Tip。
:::

::: warning
这是 Warning。
:::

::: danger
这是 Danger。
:::

77. GitHub 风格 Alert

[!NOTE] 这是一个 NOTE。

[!TIP] 这是一个 TIP。

[!IMPORTANT] 这是一个 IMPORTANT。

[!WARNING] 这是一个 WARNING。

[!CAUTION] 这是一个 CAUTION。

78. Definition List 扩展

某些 Markdown 引擎支持定义列表：

Markdown
: 一种轻量级标记语言。

HTML
: 超文本标记语言。

CSS
: 层叠样式表。

79. Mermaid 流程图

如果渲染器支持 Mermaid：

flowchart TD
    A[开始] --> B{是否支持 Mermaid}
    B -->|是| C[渲染流程图]
    B -->|否| D[显示代码块]
    C --> E[结束]
    D --> E

80. Mermaid 时序图

sequenceDiagram
    participant U as User
    participant B as Browser
    participant S as Server

    U->>B: 打开页面
    B->>S: HTTP Request
    S-->>B: HTML Response
    B-->>U: 渲染页面

81. Mermaid 类图

classDiagram
    class Site {
        +String name
        +String domain
        +build()
        +deploy()
    }

    class Theme {
        +String color
        +Boolean darkMode
    }

    Site --> Theme

82. Mermaid 饼图

pie title 技术栈
    "HTML" : 25
    "CSS" : 25
    "JavaScript" : 25
    "Markdown" : 25

83. Mermaid Git Graph

gitGraph
    commit
    branch develop
    checkout develop
    commit
    commit
    checkout main
    merge develop
    commit

84. HTML 表格

名称 值
Site Blanktime
Theme #6495ED

85. HTML 图片尺寸

测试图片

86. HTML 居中测试

居中的标题

这段文字使用 HTML align="center"。

87. HTML 字体颜色测试

主题色文字 #6495ED

红色文字

绿色文字

88. CSS 类测试

自定义卡片

如果主题中定义了 .custom-card，这里可以测试自定义组件样式。

89. 锚点测试

自定义锚点位置

跳转到自定义锚点

跳转到一级标题

90. 标题中包含格式

粗体标题

斜体标题

代码标题

标题中包含 Emoji 😼

中文 English 123 混排标题

91. 标题超长测试

这是一个非常非常非常非常非常非常非常非常非常非常非常非常非常非常长的二级标题用于测试标题换行与锚点生成以及响应式布局表现

92. 极短段落

A

中

1

。

93. 超长段落

这是一个专门用于测试正文排版宽度和阅读体验的超长段落。Markdown 渲染器通常会将普通文本放置在固定宽度或最大宽度容器中，因此长段落非常适合观察行高、字体大小、字间距、段落宽度、中文断行、英文单词换行、标点挤压以及移动端响应式布局。The purpose of this paragraph is also to test mixed Chinese and English typography, including punctuation, inline code such as Markdown, numbers like 1234567890, URLs, and various Unicode characters. 如果页面主题启用了首行缩进、两端对齐、字体平滑、字重调整或阅读模式，这一段也很容易暴露问题。为了进一步增加长度，我们继续补充文字，让浏览器产生足够多的自动换行，从而更清楚地观察段落在桌面端、平板端和手机端的显示差异。

94. 多层嵌套综合测试

  1. 一级有序列表
    • 二级无序列表
      1. 三级有序列表
        • 四级无序列表

          五级引用

          console.log("Nested!");

95. 表格中的长 URL

项目 URL
Example https://example.com/a/very/very/very/very/very/long/path/used/to/test/table-overflow
Blanktime https://blanktime.cn/

96. 空表格单元格

A B C
1 3
2
1 2

97. 表格中的中文换行测试

标题 内容
短文本 简短内容
长文本 这是一段很长很长很长很长很长很长很长很长的中文表格单元格内容，用于观察自动换行以及单元格宽度策略。

98. 代码行长度测试

const veryLongVariableNameUsedForTestingOverflowBehaviorInCodeBlocks = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

99. Tab 与缩进测试

空格缩进：
    四个空格

Tab 缩进：
	一个 Tab

混合：
	    Tab + 空格

100. 终端输出测试

$ git status
On branch main
Your branch is up to date with 'origin/main'.

nothing to commit, working tree clean

101. 日志测试

2026-09-27 14:20:00 [INFO] Application started
2026-09-27 14:20:01 [DEBUG] Loading configuration
2026-09-27 14:20:02 [WARN] Cache is empty
2026-09-27 14:20:03 [ERROR] Example error message

102. HTTP 测试

GET /api/posts HTTP/1.1
Host: blanktime.cn
Accept: application/json
User-Agent: Markdown-Test/1.0

103. URL 编码测试

https://example.com/search?q=%E7%A9%BA%E7%99%BD%E6%97%B6%E9%97%B4

104. 正则表达式

^[a-zA-Z0-9_-]{3,32}$
https?:\/\/[^\s]+

105. Dockerfile

FROM node:22-alpine

WORKDIR /app

COPY package*.json ./
RUN npm ci

COPY . .

CMD ["npm", "run", "start"]

106. Docker Compose

services:
  app:
    image: example/app:latest
    restart: unless-stopped
    ports:
      - "8080:8080"
    environment:
      NODE_ENV: production

107. Nginx

server {
    listen 80;
    server_name blanktime.cn;

    location / {
        proxy_pass http://127.0.0.1:8080;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

108. Git 配置

[user]
    name = Blanktime
    email = test@example.com

[core]
    autocrlf = false

109. Git 命令

git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin git@github.com:example/example.git
git push -u origin main

110. Markdown 源码自身测试

# 标题

**粗体**

*斜体*

- 列表

> 引用

[链接](https://example.com/)

`代码`

111. 双反引号行内代码

如果代码内容本身包含反引号，可以使用双反引号：

`code`

112. 行内 HTML 与 Markdown 混排

某些渲染器允许 HTML 块内部继续解析 Markdown。

  • 项目 A
  • 项目 B

113. HTML pre/code

const foo = "bar";
console.log(foo);

114. 方向性文本测试

LTR:

Left to Right: Hello World

RTL:

مرحبا بالعالم

115. 时间与日期

日期：2026-09-27

时间：14:20:00

ISO 8601：2026-09-27T14:20:00+08:00

116. 各种数字格式

整数：123456789

负数：-123

小数：3.1415926

科学计数法：1.23e10

百分数：99.99%

十六进制：0xFF

二进制：0b101010

117. Checkbox HTML


118. Progress HTML

70%

119. Meter HTML

75%

120. Summary 综合测试

最终综合组件

[!NOTE] 如果你能看到样式化提示框，说明当前渲染器支持 GitHub 风格 Alert 或主题进行了兼容。

  • 标题
  • 段落
  • 列表
  • 表格
  • 代码
  • 引用
  • HTML
  • 数学公式
  • Mermaid
  • Unicode
  • Emoji
  • 长文本
  • 响应式溢出测试
const markdownTest = {
  headings: true,
  paragraphs: true,
  lists: true,
  tables: true,
  code: true,
  html: true,
  math: true,
  mermaid: true,
};

console.table(markdownTest);
测试项目 结果
基础 Markdown ✅
GFM ✅ / 视渲染器而定
HTML ✅ / 视安全策略而定
LaTeX ✅ / 需 KaTeX 或 MathJax
Mermaid ✅ / 需 Mermaid 支持
自定义扩展 ✅ / 取决于主题

121. 最后测试

如果你能正常看到这里，说明这份 Markdown 至少成功走完了长文档渲染。 😼

End of Markdown Rendering Test.

脚注

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

  2. Markdown 的不同实现对脚注语法支持程度不同。 ↩