{"id":146,"date":"2026-09-26T20:14:20","date_gmt":"2026-09-26T12:14:20","guid":{"rendered":"https:\/\/99website.top\/blog\/?p=146"},"modified":"2026-09-27T09:37:36","modified_gmt":"2026-09-27T01:37:36","slug":"gpt%e8%b6%85%e7%ba%a7%e6%97%a0%e6%95%8c%e5%85%a8%e9%9d%a2md%e6%b5%8b%e8%af%95","status":"publish","type":"post","link":"https:\/\/99website.top\/blog\/?p=146","title":{"rendered":"GPT\u8d85\u7ea7\u65e0\u654c\u5168\u9762md\u6d4b\u8bd5"},"content":{"rendered":"\n<h1>Markdown Renderer Comprehensive Test<\/h1>\n<blockquote>\n<p>\u7528\u4e8e\u5168\u9762\u6d4b\u8bd5 Markdown \u6e32\u67d3\u7cfb\u7edf\u3002\n\u5305\u542b\u57fa\u7840 Markdown\u3001GFM\u3001\u4ee3\u7801\u5757\u3001\u8868\u683c\u3001\u4efb\u52a1\u5217\u8868\u3001\u6570\u5b66\u516c\u5f0f\u3001HTML\u3001\u811a\u6ce8\u7b49\u5e38\u89c1\u529f\u80fd\u3002<\/p>\n<\/blockquote>\n<h1>1. \u6807\u9898\u6d4b\u8bd5<\/h1>\n<h1>H1 \u4e00\u7ea7\u6807\u9898<\/h1>\n<h2>H2 \u4e8c\u7ea7\u6807\u9898<\/h2>\n<h3>H3 \u4e09\u7ea7\u6807\u9898<\/h3>\n<h4>H4 \u56db\u7ea7\u6807\u9898<\/h4>\n<h5>H5 \u4e94\u7ea7\u6807\u9898<\/h5>\n<h6>H6 \u516d\u7ea7\u6807\u9898<\/h6>\n<h1>2. \u666e\u901a\u6587\u672c<\/h1>\n<p>\u8fd9\u662f\u4e00\u6bb5\u666e\u901a\u6587\u672c\u3002<\/p>\n<p>\u8fd9\u662f\u7b2c\u4e8c\u6bb5\u666e\u901a\u6587\u672c\uff0c\u7528\u4e8e\u6d4b\u8bd5\u6bb5\u843d\u4e4b\u95f4\u7684\u95f4\u8ddd\u3002<\/p>\n<p>\u8fd9\u4e00\u884c\u540e\u9762\u6709\u4e24\u4e2a\u7a7a\u683c\n\u8fd9\u91cc\u5e94\u8be5\u53d1\u751f\u8f6f\u6362\u884c\u3002<\/p>\n<p>\u8fd9\u662f\u4e00\u6bb5\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u975e\u5e38\u957f\u7684\u6587\u5b57\uff0c\u7528\u4e8e\u6d4b\u8bd5 Markdown \u6e32\u67d3\u5668\u5728\u957f\u6587\u672c\u60c5\u51b5\u4e0b\u7684\u81ea\u52a8\u6362\u884c\u3001\u6700\u5927\u5bbd\u5ea6\u4ee5\u53ca\u54cd\u5e94\u5f0f\u5e03\u5c40\u3002<\/p>\n<h1>3. \u6587\u672c\u6837\u5f0f<\/h1>\n<p>\u666e\u901a\u6587\u672c<\/p>\n<p><em>\u659c\u4f53 Italic<\/em><\/p>\n<p><em>\u659c\u4f53 Italic<\/em><\/p>\n<p><strong>\u7c97\u4f53 Bold<\/strong><\/p>\n<p><strong>\u7c97\u4f53 Bold<\/strong><\/p>\n<p><strong><em>\u7c97\u659c\u4f53 Bold Italic<\/em><\/strong><\/p>\n<p><strong><em>\u7c97\u659c\u4f53 Bold Italic<\/em><\/strong><\/p>\n<p><del>\u5220\u9664\u7ebf Strikethrough<\/del><\/p>\n<p><strong>\u7c97\u4f53\u91cc\u9762\u6709 <em>\u659c\u4f53<\/em><\/strong><\/p>\n<p><strong><em>\u7c97\u4f53\u548c\u659c\u4f53\u6df7\u5408<\/em><\/strong><\/p>\n<p><del><strong>\u7c97\u4f53\u5220\u9664\u7ebf<\/strong><\/del><\/p>\n<p><code>\u884c\u5185\u4ee3\u7801<\/code><\/p>\n<p>\u666e\u901a\u6587\u5b57\u4e2d\u7684 <code>const foo = \"bar\";<\/code> \u884c\u5185\u4ee3\u7801\u3002<\/p>\n<h1>4. \u7279\u6b8a\u5b57\u7b26<\/h1>\n<p>Markdown \u7279\u6b8a\u5b57\u7b26\uff1a<\/p>\n<p>* \u661f\u53f7<\/p>\n<p>_ \u4e0b\u5212\u7ebf<\/p>\n<p># \u4e95\u53f7<\/p>\n<p>&gt; \u5927\u4e8e\u53f7<\/p>\n<p>&#8211; \u51cf\u53f7<\/p>\n<p>+ \u52a0\u53f7<\/p>\n<p>` \u53cd\u5f15\u53f7<\/p>\n<p> \u53cd\u659c\u6760<\/p>\n<p>\u7279\u6b8a\u7b26\u53f7\uff1a<\/p>\n<p>\u00a9 \u00ae \u2122 \u20ac \u00a5 \u00a3 \u00a7 \u00b6 \u2020 \u2021<\/p>\n<p>\u4e2d\u6587\u6807\u70b9\uff1a<\/p>\n<p>\uff0c\u3002\uff01\uff1f\uff1b\uff1a\u201c\u201d\u2018\u2019\uff08\uff09\u3010\u3011\u300a\u300b<\/p>\n<p>Emoji\uff1a<\/p>\n<p>\ud83d\ude00 \ud83d\ude2d \ud83e\udd14 \ud83d\ude80 \ud83d\udd25 \u2764\ufe0f \ud83d\udc80 \ud83e\udd2f \ud83e\udd8a \ud83d\udc31<\/p>\n<h1>5. \u5206\u9694\u7ebf<\/h1>\n<p>\u77ed\u6a2a\u7ebf\u5199\u6cd5\uff1a<\/p>\n<hr>\n<p>\u661f\u53f7\u5199\u6cd5\uff1a<\/p>\n<hr>\n<p>\u4e0b\u5212\u7ebf\u5199\u6cd5\uff1a<\/p>\n<hr>\n<h1>6. \u65e0\u5e8f\u5217\u8868<\/h1>\n<ul>\n<li>\u9879\u76ee A<\/li>\n<li>\u9879\u76ee B<\/li>\n<li>\n<p>\u9879\u76ee C<\/p>\n<\/li>\n<li>\n<p>\u661f\u53f7\u5217\u8868<\/p>\n<\/li>\n<li>\u661f\u53f7\u5217\u8868<\/li>\n<li>\n<p>\u661f\u53f7\u5217\u8868<\/p>\n<\/li>\n<li>\n<p>\u52a0\u53f7\u5217\u8868<\/p>\n<\/li>\n<li>\u52a0\u53f7\u5217\u8868<\/li>\n<li>\u52a0\u53f7\u5217\u8868<\/li>\n<\/ul>\n<h1>7. \u5d4c\u5957\u65e0\u5e8f\u5217\u8868<\/h1>\n<ul>\n<li>\u7b2c\u4e00\u5c42<\/li>\n<li>\u7b2c\u4e8c\u5c42<ul>\n<li>\u7b2c\u4e09\u5c42<\/li>\n<li>\u7b2c\u56db\u5c42<\/li>\n<\/ul>\n<\/li>\n<li>\u7b2c\u4e8c\u5c42 B<\/li>\n<li>\u7b2c\u4e00\u5c42 B<\/li>\n<\/ul>\n<h1>8. \u6709\u5e8f\u5217\u8868<\/h1>\n<ol>\n<li>\u7b2c\u4e00\u9879<\/li>\n<li>\u7b2c\u4e8c\u9879<\/li>\n<li>\u7b2c\u4e09\u9879<\/li>\n<\/ol>\n<p>\u4ece\u5176\u4ed6\u6570\u5b57\u5f00\u59cb\uff1a<\/p>\n<ol>\n<li>\u7b2c\u4e94\u9879<\/li>\n<li>\u7b2c\u516d\u9879<\/li>\n<li>\u7b2c\u4e03\u9879<\/li>\n<\/ol>\n<p>Markdown \u81ea\u52a8\u7f16\u53f7\uff1a<\/p>\n<ol>\n<li>Apple<\/li>\n<li>Banana<\/li>\n<li>Orange<\/li>\n<li>Watermelon<\/li>\n<\/ol>\n<h1>9. \u6df7\u5408\u5217\u8868<\/h1>\n<ol>\n<li>\u7b2c\u4e00\u9879<\/li>\n<li>\u5b50\u9879\u76ee A<\/li>\n<li>\u5b50\u9879\u76ee B<ol>\n<li>\u5b50\u9879\u76ee B.1<\/li>\n<li>\u5b50\u9879\u76ee B.2<\/li>\n<\/ol>\n<\/li>\n<li>\u7b2c\u4e8c\u9879<\/li>\n<li>\u5b50\u9879\u76ee C<\/li>\n<\/ol>\n<h1>10. Task List<\/h1>\n<ul>\n<li>\u5df2\u5b8c\u6210\u4efb\u52a1<\/li>\n<li>\u672a\u5b8c\u6210\u4efb\u52a1<\/li>\n<li>Markdown<\/li>\n<li>GFM<\/li>\n<li>\u4e16\u754c\u548c\u5e73<\/li>\n<\/ul>\n<p>\u5d4c\u5957\u4efb\u52a1\uff1a<\/p>\n<ul>\n<li>\u5f00\u53d1 Markdown Renderer<\/li>\n<li>Heading<\/li>\n<li>List<\/li>\n<li>Code<\/li>\n<li>Math<\/li>\n<li>Mermaid<\/li>\n<\/ul>\n<h1>11. \u5f15\u7528<\/h1>\n<blockquote>\n<p>\u8fd9\u662f\u4e00\u7ea7\u5f15\u7528\u3002<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u7b2c\u4e8c\u6bb5\u5f15\u7528\u3002<\/p>\n<\/blockquote>\n<p>\u591a\u7ea7\u5f15\u7528\uff1a<\/p>\n<blockquote>\n<p>\u4e00\u7ea7\u5f15\u7528<\/p>\n<blockquote>\n<p>\u4e8c\u7ea7\u5f15\u7528<\/p>\n<blockquote>\n<p>\u4e09\u7ea7\u5f15\u7528<\/p>\n<\/blockquote>\n<\/blockquote>\n<\/blockquote>\n<p>\u5f15\u7528\u4e2d\u5305\u542b\u5176\u4ed6 Markdown\uff1a<\/p>\n<blockquote>\n<h2>\u5f15\u7528\u4e2d\u7684\u6807\u9898<\/h2>\n<p><strong>\u7c97\u4f53<\/strong><\/p>\n<ul>\n<li>List A<\/li>\n<li>List B<\/li>\n<\/ul>\n<p><code>print(\"Hello from quote\")<\/code><\/p>\n<\/blockquote>\n<h1>12. \u884c\u5185\u4ee3\u7801<\/h1>\n<p>\u8fd9\u662f\u4e00\u4e2a\u53d8\u91cf\uff1a<code>userName<\/code><\/p>\n<p>\u8fd9\u662f\u4e00\u4e2a\u547d\u4ee4\uff1a<code>npm install<\/code><\/p>\n<p>\u5305\u542b Markdown \u5b57\u7b26\uff1a<\/p>\n<pre class=\"prettyprint linenums\"><code>**\u8fd9\u91cc\u4e0d\u5e94\u8be5\u53d8\u7c97**\n# \u8fd9\u91cc\u4e5f\u4e0d\u662f\u6807\u9898\n<\/code><\/pre>\n<h1>13. \u666e\u901a\u4ee3\u7801\u5757<\/h1>\n<pre class=\"prettyprint linenums\"><code>Hello World\n\nThis is a plain code block.\n\n# NOT A MARKDOWN HEADING\n\n**NOT BOLD**\n<\/code><\/pre>\n<h1>14. Python<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-python\">from dataclasses import dataclass\n\n\n@dataclass\nclass User:\n    name: str\n    age: int\n\n\ndef hello(user: User) -&gt; str:\n    return f&quot;Hello, {user.name}! You are {user.age} years old.&quot;\n\n\nif __name__ == &quot;__main__&quot;:\n    user = User(&quot;Zhang99&quot;, 16)\n    print(hello(user))\n<\/code><\/pre>\n<h1>15. JavaScript<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-javascript\">const users = [\n  {\n    name: &quot;Alice&quot;,\n    age: 18,\n  },\n  {\n    name: &quot;Bob&quot;,\n    age: 20,\n  },\n];\n\nusers.forEach((user) =&gt; {\n  console.log(`Hello ${user.name}`);\n});\n<\/code><\/pre>\n<h1>16. TypeScript<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-typescript\">interface User {\n  id: number;\n  name: string;\n  admin?: boolean;\n}\n\nconst user: User = {\n  id: 99,\n  name: &quot;Zhang99&quot;,\n};\n\nfunction hello(user: User): string {\n  return `Hello, ${user.name}`;\n}\n<\/code><\/pre>\n<h1>17. C<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-c\">#include &lt;stdio.h&gt;\n\nint main(void) {\n    int value = 99;\n\n    printf(&quot;Hello Markdown!\\n&quot;);\n    printf(&quot;value = %d\\n&quot;, value);\n\n    return 0;\n}\n<\/code><\/pre>\n<h1>18. C++<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-c++\">#include &lt;iostream&gt;\n#include &lt;vector&gt;\n#include &lt;string&gt;\n\nint main() {\n    std::vector&lt;std::string&gt; users = {\n        &quot;Alice&quot;,\n        &quot;Bob&quot;,\n        &quot;Zhang99&quot;\n    };\n\n    for (const auto&amp; user : users) {\n        std::cout &lt;&lt; &quot;Hello &quot; &lt;&lt; user &lt;&lt; '\\n';\n    }\n\n    return 0;\n}\n<\/code><\/pre>\n<h1>19. Java<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-java\">public class Main {\n    public static void main(String[] args) {\n        String name = &quot;Markdown&quot;;\n\n        System.out.println(&quot;Hello &quot; + name);\n    }\n}\n<\/code><\/pre>\n<h1>20. C<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-c#\">using System;\n\npublic class Program\n{\n    public static void Main()\n    {\n        string name = &quot;Markdown&quot;;\n\n        Console.WriteLine($&quot;Hello {name}&quot;);\n    }\n}\n<\/code><\/pre>\n<h1>21. Rust<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-rust\">fn main() {\n    let name = &quot;Markdown&quot;;\n\n    println!(&quot;Hello, {name}!&quot;);\n}\n<\/code><\/pre>\n<h1>22. Go<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-go\">package main\n\nimport &quot;fmt&quot;\n\nfunc main() {\n    name := &quot;Markdown&quot;\n\n    fmt.Printf(&quot;Hello %s\\n&quot;, name)\n}\n<\/code><\/pre>\n<h1>23. Bash<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-bash\">#!\/usr\/bin\/env bash\n\nNAME=&quot;Markdown&quot;\n\necho &quot;Hello <span class=\"katex math inline\">NAME&quot;\n\nfor file in *.md; do\n    echo &quot;Found:<\/span>file&quot;\ndone\n<\/code><\/pre>\n<h1>24. PowerShell<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-powershell\">$name = &quot;Markdown&quot;\n\nWrite-Host &quot;Hello $name&quot;\n\nGet-ChildItem -Filter &quot;*.md&quot; | ForEach-Object {\n    Write-Host $_.Name\n}\n<\/code><\/pre>\n<h1>25. JSON<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-json\">{\n  &quot;name&quot;: &quot;Markdown Renderer&quot;,\n  &quot;version&quot;: &quot;1.0.0&quot;,\n  &quot;features&quot;: [\n    &quot;heading&quot;,\n    &quot;list&quot;,\n    &quot;table&quot;,\n    &quot;code&quot;\n  ],\n  &quot;enabled&quot;: true,\n  &quot;metadata&quot;: {\n    &quot;author&quot;: &quot;Zhang99&quot;,\n    &quot;id&quot;: 99\n  }\n}\n<\/code><\/pre>\n<h1>26. YAML<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-yaml\">name: Markdown Renderer\nversion: 1.0.0\n\nfeatures:\n  - heading\n  - list\n  - table\n  - code\n\nenabled: true\n\nmetadata:\n  author: Zhang99\n  id: 99\n<\/code><\/pre>\n<h1>27. TOML<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-toml\">name = &quot;Markdown Renderer&quot;\nversion = &quot;1.0.0&quot;\nenabled = true\n\n[metadata]\nauthor = &quot;Zhang99&quot;\nid = 99\n<\/code><\/pre>\n<h1>28. HTML \u4ee3\u7801<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n\n&lt;html lang=&quot;zh-CN&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;Markdown Test&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;h1&gt;Hello Markdown&lt;\/h1&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<h1>29. CSS<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-css\">.markdown-body {\n    max-width: 900px;\n    margin: 0 auto;\n    line-height: 1.6;\n}\n\n.markdown-body code {\n    font-family: &quot;JetBrains Mono&quot;, monospace;\n}\n<\/code><\/pre>\n<h1>30. SQL<\/h1>\n<pre class=\"prettyprint linenums\"><code class=\"language-sql\">SELECT\n    id,\n    username,\n    created_at\nFROM users\nWHERE active = TRUE\nORDER BY created_at DESC\nLIMIT 100;\n<\/code><\/pre>\n<h1>31. Diff<\/h1>\n<div class=\"blog-diff\"><div class=\"blog-diff-line removed\"><code>- const oldName = &quot;Markdown&quot;;<\/code><\/div><div class=\"blog-diff-line added\"><code>+ const newName = &quot;Markdown Renderer&quot;;<\/code><\/div><div class=\"blog-diff-line context\"><code><\/code><\/div><div class=\"blog-diff-line removed\"><code>- console.log(oldName);<\/code><\/div><div class=\"blog-diff-line added\"><code>+ console.log(newName);<\/code><\/div><\/div>\n<h1>32. \u94fe\u63a5<\/h1>\n<p>\u666e\u901a\u94fe\u63a5\uff1a<\/p>\n<p><a href=\"https:\/\/openai.com\/\" target=\"_blank\" rel=\"noopener\">OpenAI<\/a><\/p>\n<p>\u5e26\u6807\u9898\uff1a<\/p>\n<p><a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n<p>\u76f4\u63a5 URL\uff1a<\/p>\n<p><a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/github.com<\/a><\/p>\n<p>\u81ea\u52a8\u94fe\u63a5\uff1a<\/p>\n<p><a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/github.com<\/a><\/p>\n<p>\u90ae\u7bb1\uff1a<\/p>\n<p><a href=\"mailto:example@example.com\">example@example.com<\/a><\/p>\n<h1>33. \u56fe\u7247<\/h1>\n<p>\u8fdc\u7a0b\u56fe\u7247\uff1a<\/p>\n<p><img alt=\"\" src=\"https:\/\/99website.top\/blog\/wp-content\/themes\/Kizumi\/assets\/images\/loading.gif\" data-src=\"https:\/\/99website.top\/blog\/wp-content\/uploads\/2026\/09\/99blog-96cecf37cb2eb68d207e-scaled.jpg\" class=\"lazy\" loading=\"lazy\"><\/p>\n<p>\u5e26\u6807\u9898\uff1a<\/p>\n<p><img alt=\"111\" src=\"https:\/\/99website.top\/blog\/wp-content\/themes\/Kizumi\/assets\/images\/loading.gif\" data-src=\"https:\/\/99website.top\/blog\/wp-content\/uploads\/2026\/09\/99blog-96cecf37cb2eb68d207e-scaled.jpg\" class=\"lazy\" loading=\"lazy\"><\/p>\n<h1>34. \u8868\u683c<\/h1>\n<div class=\"table-responsive\"><table class=\"table\">\n<thead>\n<tr>\n<th>Name<\/th>\n<th>Language<\/th>\n<th>Stars<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Linux<\/td>\n<td>C<\/td>\n<td>999<\/td>\n<\/tr>\n<tr>\n<td>React<\/td>\n<td>JavaScript<\/td>\n<td>888<\/td>\n<\/tr>\n<tr>\n<td>Vue<\/td>\n<td>TypeScript<\/td>\n<td>777<\/td>\n<\/tr>\n<tr>\n<td>Django<\/td>\n<td>Python<\/td>\n<td>666<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<h1>35. \u8868\u683c\u5bf9\u9f50<\/h1>\n<div class=\"table-responsive\"><table class=\"table\">\n<thead>\n<tr>\n<th>\u5de6\u5bf9\u9f50<\/th>\n<th>\u5c45\u4e2d<\/th>\n<th>\u53f3\u5bf9\u9f50<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>A<\/td>\n<td>B<\/td>\n<td>100<\/td>\n<\/tr>\n<tr>\n<td>Hello<\/td>\n<td>World<\/td>\n<td>999<\/td>\n<\/tr>\n<tr>\n<td>Markdown<\/td>\n<td>Renderer<\/td>\n<td>123456<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<h1>36. \u8868\u683c\u4e2d\u7684 Markdown<\/h1>\n<div class=\"table-responsive\"><table class=\"table\">\n<thead>\n<tr>\n<th>Feature<\/th>\n<th>Example<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Bold<\/td>\n<td><strong>Bold<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Italic<\/td>\n<td><em>Italic<\/em><\/td>\n<\/tr>\n<tr>\n<td>Code<\/td>\n<td><code>console.log()<\/code><\/td>\n<\/tr>\n<tr>\n<td>Delete<\/td>\n<td>Deleted<\/td>\n<\/tr>\n<tr>\n<td>Link<\/td>\n<td><a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<h1>37. \u957f\u8868\u683c\u5185\u5bb9<\/h1>\n<div class=\"table-responsive\"><table class=\"table\">\n<thead>\n<tr>\n<th>ID<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>\u77ed\u6587\u672c<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>\u8fd9\u662f\u4e00\u6bb5\u6bd4\u8f83\u957f\u7684\u6587\u672c\uff0c\u7528\u4e8e\u6d4b\u8bd5\u8868\u683c\u5355\u5143\u683c\u5728\u5185\u5bb9\u975e\u5e38\u957f\u65f6\u7a76\u7adf\u4f1a\u81ea\u52a8\u6362\u884c\u3001\u6491\u5f00\u6574\u4e2a\u8868\u683c\u8fd8\u662f\u51fa\u73b0\u6a2a\u5411\u6eda\u52a8\u6761\u3002<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td><code>this_is_a_very_long_variable_name_that_might_break_layout_and_should_be_tested<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<h1>38. HTML \u5185\u5d4c<\/h1>\n<div>     <strong>HTML Strong Text<\/strong> <\/div>\n\n<div style=\"padding: 10px;border: 1px solid currentColor\">     HTML DIV Block <\/div>\n\n<details>\n<summary>\u70b9\u51fb\u5c55\u5f00 Details<\/summary>\n<p>\u8fd9\u91cc\u662f\u9690\u85cf\u5185\u5bb9\u3002<\/p>\n<ul>\n<li>Markdown List<\/li>\n<li><strong>Markdown Bold<\/strong><\/li>\n<li><code>Markdown Code<\/code><\/li>\n<\/ul>\n<\/details>\n<h1>39. \u952e\u76d8\u6309\u952e<\/h1>\n<p>HTML \u6269\u5c55\uff1a<\/p>\n<p>\u6309\u4e0b <kbd>Ctrl<\/kbd> + <kbd>C<\/kbd><\/p>\n<p>\u6309\u4e0b <kbd>Ctrl<\/kbd> + <kbd>Shift<\/kbd> + <kbd>P<\/kbd><\/p>\n<h1>40. \u4e0a\u6807\u548c\u4e0b\u6807<\/h1>\n<p>\u5982\u679c\u652f\u6301 HTML\uff1a<\/p>\n<p>H<sub>2<\/sub>O<\/p>\n<p>E = mc<sup>2<\/sup><\/p>\n<p>Markdown \u6269\u5c55\u53ef\u80fd\u652f\u6301\uff1a<\/p>\n<p>H<sub>2<\/sub>O<\/p>\n<p>X^2^<\/p>\n<h1>41. \u811a\u6ce8<\/h1>\n<p>\u8fd9\u91cc\u6709\u4e00\u4e2a\u811a\u6ce8\u3002<\/p>\n<p>\u8fd9\u91cc\u8fd8\u6709\u4e00\u4e2a\u66f4\u957f\u7684\u811a\u6ce8\u3002<\/p>\n<h1>42. Definition List<\/h1>\n<p>\u90e8\u5206 Markdown \u5b9e\u73b0\u652f\u6301\uff1a<\/p>\n<p>Markdown\n: \u4e00\u79cd\u8f7b\u91cf\u7ea7\u6807\u8bb0\u8bed\u8a00\u3002<\/p>\n<p>HTML\n: HyperText Markup Language\u3002<\/p>\n<p>CSS\n: Cascading Style Sheets\u3002<\/p>\n<h1>43. \u6570\u5b66\u516c\u5f0f<\/h1>\n<p>\u884c\u5185\u516c\u5f0f\uff1a<\/p>\n<p><span class=\"katex math inline\">E = mc^2<\/span><\/p>\n<p><span class=\"katex math inline\">a^2 + b^2 = c^2<\/span><\/p>\n<p><span class=\"katex math inline\">\\frac{1}{2}<\/span><\/p>\n<p>\u5757\u7ea7\u516c\u5f0f\uff1a<\/p>\n<div class=\"katex math multi-line\">\nE = mc^2\n<\/div>\n<div class=\"katex math multi-line\">\na^2+b^2=c^2\n<\/div>\n<p>\u5206\u6570\uff1a<\/p>\n<div class=\"katex math multi-line\">\n\\frac{a+b}{c+d}\n<\/div>\n<p>\u6839\u53f7\uff1a<\/p>\n<div class=\"katex math multi-line\">\nx = \\sqrt{a^2+b^2}\n<\/div>\n<p>\u6c42\u548c\uff1a<\/p>\n<div class=\"katex math multi-line\">\n\\sum_{i=1}^{n} i = \\frac{n(n+1)}{2}\n<\/div>\n<p>\u79ef\u5206\uff1a<\/p>\n<div class=\"katex math multi-line\">\n\\int_a^b f(x),dx\n<\/div>\n<p>\u6781\u9650\uff1a<\/p>\n<div class=\"katex math multi-line\">\n\\lim_{x \\to 0} \\frac{\\sin x}{x}=1\n<\/div>\n<p>\u77e9\u9635\uff1a<\/p>\n<div class=\"katex math multi-line\">\nA =\n\\begin{bmatrix}\n1 &amp; 2 \\\n3 &amp; 4\n\\end{bmatrix}\n<\/div>\n<h1>44. Mermaid<\/h1>\n<p>\u5982\u679c Markdown Renderer \u652f\u6301 Mermaid\uff1a<\/p>\n<div class=\"blog-mermaid mermaid\"><code class=\"mermaid-source\">flowchart TD\n    A[\u7528\u6237\u8f93\u5165 Markdown] --&gt; B[Markdown Parser]\n    B --&gt; C[AST]\n    C --&gt; D[HTML Renderer]\n    D --&gt; E[\u6700\u7ec8\u9875\u9762]\n\n    B --&gt; F{\u652f\u6301\u6269\u5c55?}\n\n    F --&gt;|Yes| G[GFM \/ Math \/ Mermaid]\n    F --&gt;|No| D\n<\/code><\/div>\n<h1>45. Mermaid Sequence Diagram<\/h1>\n<div class=\"blog-mermaid mermaid\"><code class=\"mermaid-source\">sequenceDiagram\n    participant U as User\n    participant M as Markdown Renderer\n    participant H as HTML\n\n    U-&gt;&gt;M: Markdown Text\n    M-&gt;&gt;M: Parse\n    M-&gt;&gt;H: Generate HTML\n    H--&gt;&gt;U: Render Page\n<\/code><\/div>\n<h1>46. Mermaid Class Diagram<\/h1>\n<div class=\"blog-mermaid mermaid\"><code class=\"mermaid-source\">classDiagram\n    class MarkdownRenderer {\n        +parse(markdown)\n        +render(ast)\n    }\n\n    class Parser {\n        +tokenize(text)\n    }\n\n    class Renderer {\n        +renderHTML(ast)\n    }\n\n    MarkdownRenderer --&gt; Parser\n    MarkdownRenderer --&gt; Renderer\n<\/code><\/div>\n<h1>47. Mermaid Pie<\/h1>\n<div class=\"blog-mermaid mermaid\"><code class=\"mermaid-source\">pie title Markdown Renderer Features\n    &quot;Basic Markdown&quot; : 40\n    &quot;GFM&quot; : 25\n    &quot;Code Highlight&quot; : 15\n    &quot;Math&quot; : 10\n    &quot;Mermaid&quot; : 10\n<\/code><\/div>\n<h1>48. Emoji Shortcode<\/h1>\n<p>\u90e8\u5206 Renderer \u652f\u6301\uff1a<\/p>\n<p>\ud83d\ude42<\/p>\n<p>:heart:<\/p>\n<p>:rocket:<\/p>\n<p>:fire:<\/p>\n<p>:fox_face:<\/p>\n<h1>49. \u81ea\u52a8\u94fe\u63a5\u6d4b\u8bd5<\/h1>\n<p><a href=\"https:\/\/example.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/example.com<\/a><\/p>\n<p>https:\/\/example.com\/path\/to\/page<\/p>\n<p>https:\/\/example.com\/test?q=markdown&#038;lang=zh<\/p>\n<p><a href=\"http:\/\/www.example.com\/\" target=\"_blank\" rel=\"noopener\">www.example.com<\/a><\/p>\n<p><a href=\"mailto:example@example.com\">example@example.com<\/a><\/p>\n<h1>50. Anchor \/ Heading ID<\/h1>\n<p>\u6d4b\u8bd5\u662f\u5426\u81ea\u52a8\u4e3a\u6807\u9898\u751f\u6210 ID\u3002<\/p>\n<p>\u4f8b\u5982\uff1a<\/p>\n<h2>My Test Heading<\/h2>\n<p>\u53ef\u80fd\u751f\u6210\uff1a<\/p>\n<pre class=\"prettyprint linenums\"><code>#my-test-heading\n<\/code><\/pre>\n<p>\u4e2d\u6587\uff1a<\/p>\n<h2>Markdown \u6e32\u67d3\u6d4b\u8bd5<\/h2>\n<p>\u6d4b\u8bd5\u4e2d\u6587\u6807\u9898 Anchor\u3002<\/p>\n<h1>51. \u8f6c\u4e49\u6d4b\u8bd5<\/h1>\n<p># \u4e0d\u662f\u6807\u9898<\/p>\n<p>*\u4e0d\u662f\u659c\u4f53*<\/p>\n<p>**\u4e0d\u662f\u7c97\u4f53**<\/p>\n<p>&#045; \u4e0d\u662f\u5217\u8868<\/p>\n<p>&gt; \u4e0d\u662f\u5f15\u7528<\/p>\n<p>&#096;&#096;&#096;\n\u4e0d\u662f\u4ee3\u7801\n&#096;&#096;&#096;<\/p>\n<p>[\u4e0d\u662f\u94fe\u63a5]&#040;https:\/\/example.com&#041;<\/p>\n<h1>52. \u8fde\u7eed\u7a7a\u683c\u6d4b\u8bd5<\/h1>\n<p>\u666e\u901a    \u591a\u7a7a\u683c\u3002<\/p>\n<p>HTML \u7a7a\u683c\uff1a<\/p>\n<p>A  B<\/p>\n<h1>53. \u6362\u884c\u6d4b\u8bd5<\/h1>\n<p>\u7b2c\u4e00\u884c\n\u7b2c\u4e8c\u884c<\/p>\n<p>\u7b2c\u4e00\u884c\u540e\u9762\u4e24\u4e2a\u7a7a\u683c\n\u7b2c\u4e8c\u884c<\/p>\n<p>\u7b2c\u4e00\u884c\u540e HTML Break<br>\n\u7b2c\u4e8c\u884c<\/p>\n<h1>54. \u7a7a\u884c\u6d4b\u8bd5<\/h1>\n<p>\u4e0a\u9762\u7684\u6587\u672c\u3002<\/p>\n<p>\u8fd9\u91cc\u4e2d\u95f4\u5b58\u5728\u591a\u4e2a\u7a7a\u884c\u3002<\/p>\n<h1>55. \u5d4c\u5957\u590d\u6742\u7ed3\u6784<\/h1>\n<blockquote>\n<h2>Markdown Renderer<\/h2>\n<p>\u4e00\u4e2a\u5f15\u7528\u533a\u57df\u3002<\/p>\n<ol>\n<li>\n<p>Parser<\/p>\n<\/li>\n<li>\n<p>CommonMark<\/p>\n<\/li>\n<li>GFM<\/li>\n<li>\n<p>Extension<\/p>\n<\/li>\n<li>\n<p>Renderer<\/p>\n<\/li>\n<\/ol>\n<p><code>const markdown = \"# Hello\";\n   const html = render(markdown);<\/code><\/p>\n<ol>\n<li>Output<\/li>\n<\/ol>\n<div class=\"table-responsive\"><table class=\"table\">\n<thead>\n<tr>\n<th>Input<\/th>\n<th>Output<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Markdown<\/td>\n<td>HTML<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/blockquote>\n<h1>56. Unicode<\/h1>\n<p>\u4e2d\u6587\uff1a<\/p>\n<p>\u4f60\u597d\uff0c\u4e16\u754c\uff01<\/p>\n<p>\u65e5\u6587\uff1a<\/p>\n<p>\u3053\u3093\u306b\u3061\u306f\u4e16\u754c\uff01<\/p>\n<p>\u97e9\u6587\uff1a<\/p>\n<p>\uc548\ub155\ud558\uc138\uc694 \uc138\uacc4!<\/p>\n<p>\u4fc4\u6587\uff1a<\/p>\n<p>\u041f\u0440\u0438\u0432\u0435\u0442, \u043c\u0438\u0440!<\/p>\n<p>\u963f\u62c9\u4f2f\u6587\uff1a<\/p>\n<p>\u0645\u0631\u062d\u0628\u0627 \u0628\u0627\u0644\u0639\u0627\u0644\u0645<\/p>\n<p>\u5e0c\u814a\u6587\uff1a<\/p>\n<p>\u0393\u03b5\u03b9\u03ac \u03c3\u03bf\u03c5 \u039a\u03cc\u03c3\u03bc\u03b5<\/p>\n<p>Emoji\uff1a<\/p>\n<p>\ud83d\ude80\ud83c\udf0d\ud83e\udd8a\ud83d\udc31\u2764\ufe0f\ud83d\udd25\ud83d\udcbb\u26a1<\/p>\n<h1>57. RTL \u6587\u672c<\/h1>\n<div>\n\n\u0645\u0631\u062d\u0628\u0627 \u0628\u0627\u0644\u0639\u0627\u0644\u0645\n\n\u0647\u0630\u0627 \u0627\u062e\u062a\u0628\u0627\u0631 Markdown \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629.\n\n<\/div>\n\n<h1>58. \u8d85\u957f\u5355\u8bcd<\/h1>\n<p>\u6d4b\u8bd5\u5e03\u5c40\u662f\u5426\u7206\u70b8\uff1a<\/p>\n<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<\/p>\n<p>\u8d85\u957f\u53d8\u91cf\uff1a<\/p>\n<pre class=\"prettyprint linenums\"><code>this_is_an_extremely_long_variable_name_designed_to_test_horizontal_overflow_behavior_inside_inline_code_elements\n<\/code><\/pre>\n<h1>59. URL Overflow<\/h1>\n<p>https:\/\/example.com\/this\/is\/a\/very\/very\/very\/very\/very\/very\/very\/very\/very\/very\/very\/very\/long\/url\/designed\/to\/test\/layout\/overflow<\/p>\n<h1>60. Code Overflow<\/h1>\n<pre class=\"prettyprint linenums\"><code>THIS_IS_A_VERY_LONG_LINE_WITHOUT_ANY_SPACES_OR_BREAKPOINTS______________________________________________________________________________________________________________END\n<\/code><\/pre>\n<h1>61. \u5f15\u53f7<\/h1>\n<p>\u666e\u901a\u5f15\u53f7\uff1a<\/p>\n<p>&#8220;Hello World&#8221;<\/p>\n<p>&#8216;Hello World&#8217;<\/p>\n<p>\u4e2d\u6587\uff1a<\/p>\n<p>\u201c\u4f60\u597d\u4e16\u754c\u201d<\/p>\n<p>\u2018\u4f60\u597d\u4e16\u754c\u2019<\/p>\n<h1>62. Markdown Parser \u8fb9\u754c\u60c5\u51b5<\/h1>\n<pre class=\"prettyprint linenums\"><code>code **bold?**\n<\/code><\/pre>\n<p><strong>bold<\/strong> <code>**code**<\/code> <strong>bold<\/strong><\/p>\n<p>delete <code>code<\/code> delete<\/p>\n<p><strong>*bold italic delete*<\/strong><\/p>\n<h1>63. \u4e0d\u5b8c\u6574 Markdown<\/h1>\n<p>\u4e0b\u9762\u7528\u4e8e\u6d4b\u8bd5 Parser \u5bb9\u9519\uff1a<\/p>\n<p>**\u6ca1\u6709\u7ed3\u675f\u7684\u7c97\u4f53<\/p>\n<p>*\u6ca1\u6709\u7ed3\u675f\u7684\u659c\u4f53<\/p>\n<p>`\u6ca1\u6709\u7ed3\u675f\u7684\u4ee3\u7801<\/p>\n<p>[\u6ca1\u6709\u7ed3\u675f\u7684\u94fe\u63a5<\/p>\n<blockquote>\n<p>\u6b63\u5e38\u5f15\u7528<\/p>\n<\/blockquote>\n<h1>64. \u7a7a\u4ee3\u7801\u5757<\/h1>\n<pre class=\"prettyprint linenums\"><code>\n<\/code><\/pre>\n<h1>65. \u4ee3\u7801\u5757\u4e2d\u7684\u7279\u6b8a\u5b57\u7b26<\/h1>\n<pre class=\"prettyprint linenums\"><code># Heading\n\n**bold**\n\n*italic*\n\n~~delete~~\n\n[link](https:\/\/example.com)\n\n&lt;script&gt;alert(&quot;Hello&quot;)&lt;\/script&gt;\n\n{{ template }}\n\n${variable}\n\n&lt;component \/&gt;\n<\/code><\/pre>\n<h1>66. HTML \u5b89\u5168\u6d4b\u8bd5<\/h1>\n<p>\u6e32\u67d3\u7cfb\u7edf\u5e94\u8be5\u6839\u636e\u5b89\u5168\u7b56\u7565\u51b3\u5b9a\u662f\u5426\u8fc7\u6ee4 HTML\u3002<\/p>\n<pre class=\"prettyprint linenums\"><code>&lt;script&gt;\n    console.log(&quot;script test&quot;);\n&lt;\/script&gt;\n<\/code><\/pre>\n<p>\u4e0b\u9762\u662f\u771f\u5b9e HTML\uff1a<\/p>\n&lt;script&gt; console.log(&#8220;Markdown HTML script test&#8221;); &lt;\/script&gt;\n\n<p>iframe\uff1a<\/p>\n&lt;iframe src=&#8221;about:blank&#8221; title=&#8221;iframe test&#8221;&gt;&lt;\/iframe&gt;\n\n<h1>67. XSS \u8f6c\u4e49\u6d4b\u8bd5<\/h1>\n<p>\u4ee5\u4e0b\u5185\u5bb9\u7528\u4e8e\u6d4b\u8bd5 Sanitizer\uff1a<\/p>\n<pre class=\"prettyprint linenums\"><code>&lt;img src=&quot;x&quot; onerror=&quot;alert('XSS')&quot;&gt;\n\n&lt;a href=&quot;javascript:alert('XSS')&quot;&gt;\n    Click\n&lt;\/a&gt;\n\n&lt;div onclick=&quot;alert('XSS')&quot;&gt;\n    Click\n&lt;\/div&gt;\n<\/code><\/pre>\n<p>\u6e32\u67d3\u5668\u4e0d\u5e94\u8be5\u56e0\u4e3a\u5c55\u793a\u8be5\u6d4b\u8bd5\u6587\u6863\u800c\u610f\u5916\u6267\u884c\u4e0d\u53ef\u4fe1\u811a\u672c\u3002<\/p>\n<h1>68. \u6ce8\u91ca<\/h1>\n<p>HTML Comment\uff1a<\/p>\n\n\n<p>\u4e0a\u9762\u5b58\u5728\u4e00\u6761 HTML \u6ce8\u91ca\u3002<\/p>\n<h1>69. Front Matter<\/h1>\n<p>\u90e8\u5206 Markdown \u7cfb\u7edf\u8bc6\u522b\u6587\u4ef6\u9876\u90e8\u7684 YAML Front Matter\uff1a<\/p>\n<pre class=\"prettyprint linenums\"><code>---\ntitle: Markdown Renderer Test\nauthor: Zhang99\ndate: 2026-09-26\ntags:\n  - markdown\n  - test\n  - renderer\n---\n<\/code><\/pre>\n<h1>70. Admonition<\/h1>\n<p>\u90e8\u5206 Renderer\uff0c\u4f8b\u5982 MkDocs\uff0c\u652f\u6301\uff1a<\/p>\n<div class=\"admonition note\">\n<p class=\"admonition-title\">Note<\/p>\n<p>\u8fd9\u662f Note\u3002<\/p>\n<\/div>\n<div class=\"admonition warning\">\n<p class=\"admonition-title\">Warning<\/p>\n<p>\u8fd9\u662f Warning\u3002<\/p>\n<\/div>\n<div class=\"admonition danger\">\n<p class=\"admonition-title\">Danger<\/p>\n<p>\u8fd9\u662f Danger\u3002<\/p>\n<\/div>\n<p>GitHub \u98ce\u683c\u53ef\u80fd\u652f\u6301\uff1a<\/p>\n<div class=\"admonition note\">\n<p class=\"admonition-title\">Note<\/p>\n<p>\u8fd9\u662f\u4e00\u6761 Note\u3002<\/p>\n<\/div>\n<div class=\"admonition tip\">\n<p class=\"admonition-title\">Tip<\/p>\n<p>\u8fd9\u662f\u4e00\u6761 Tip\u3002<\/p>\n<\/div>\n<div class=\"admonition important\">\n<p class=\"admonition-title\">Important<\/p>\n<p>\u8fd9\u662f\u4e00\u6761 Important\u3002<\/p>\n<\/div>\n<div class=\"admonition warning\">\n<p class=\"admonition-title\">Warning<\/p>\n<p>\u8fd9\u662f\u4e00\u6761 Warning\u3002<\/p>\n<\/div>\n<div class=\"admonition caution\">\n<p class=\"admonition-title\">Caution<\/p>\n<p>\u8fd9\u662f\u4e00\u6761 Caution\u3002<\/p>\n<\/div>\n<h1>71. Checkbox + Table + Code \u7efc\u5408\u6d4b\u8bd5<\/h1>\n<ul>\n<li>Parser<\/li>\n<\/ul>\n<p><code>const parser = new Parser();<\/code><\/p>\n<ul>\n<li>Renderer<\/li>\n<\/ul>\n<div class=\"table-responsive\"><table class=\"table\">\n<thead>\n<tr>\n<th>Renderer<\/th>\n<th>Status<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>HTML<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>React<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>Terminal<\/td>\n<td>\u2753<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<ul>\n<li>Extensions<\/li>\n<\/ul>\n<h1>72. Markdown \u4e2d\u7684 HTML Table<\/h1>\n<div class=\"table-responsive\"><table class=\"table\">     <thead>         <tr>             <th>Name<\/th>             <th>Status<\/th>         <\/tr>     <\/thead>     <tbody>         <tr>             <td>Markdown<\/td>             <td>\u2705<\/td>         <\/tr>         <tr>             <td>Math<\/td>             <td>\u2753<\/td>         <\/tr>     <\/tbody> <\/table><\/div>\n\n<h1>73. Details \u5d4c\u5957<\/h1>\n<details> <summary>\u7b2c\u4e00\u5c42<\/summary>\n\n\u7b2c\u4e00\u5c42\u5185\u5bb9\u3002\n\n<details> <summary>\u7b2c\u4e8c\u5c42<\/summary>\n\n\u7b2c\u4e8c\u5c42\u5185\u5bb9\u3002\n\n\n<pre class=\"prettyprint linenums\"><code>print(&quot;Nested details&quot;)\n<\/code><\/pre>\n\n\n<\/details>\n\n<\/details>\n\n<h1>74. \u56fe\u7247\u5c3a\u5bf8 HTML \u6d4b\u8bd5<\/h1>\n<p><img loading=\"lazy\" src=\"https:\/\/99website.top\/blog\/wp-content\/themes\/Kizumi\/assets\/images\/loading.gif\" data-src=\"https:\/\/picsum.photos\/400\/200\" class=\"lazy\" alt=\"HTML Image\"><\/p>\n<h1>75. \u5220\u9664\u5185\u5bb9<\/h1>\n<p><del>HTML \u5220\u9664\u7ebf<\/del><\/p>\n<p><s>HTML S \u6807\u7b7e<\/s><\/p>\n<p>Markdown \u5220\u9664\u7ebf<\/p>\n<h1>76. \u6587\u672c\u683c\u5f0f HTML<\/h1>\n<p><strong>Strong<\/strong><\/p>\n<p><b>Bold<\/b><\/p>\n<p><em>Emphasis<\/em><\/p>\n<p><i>Italic<\/i><\/p>\n<p>Underline<\/p>\n<p>&lt;mark&gt;Highlight&lt;\/mark&gt;<\/p>\n<p>&lt;small&gt;Small Text&lt;\/small&gt;<\/p>\n<h1>77. Unicode \u7ec4\u5408\u5b57\u7b26<\/h1>\n<p>\u00e9<\/p>\n<p>e\u0301<\/p>\n<p>\u00c5<\/p>\n<p>A\u030a<\/p>\n<p>\u7528\u4e8e\u89c2\u5bdf\u5b57\u4f53\u3001Unicode Normalization \u548c\u641c\u7d22\u884c\u4e3a\u3002<\/p>\n<h1>78. \u4e2d\u6587 Markdown \u6df7\u6392<\/h1>\n<p>\u8fd9\u662f<strong>\u4e2d\u6587\u7c97\u4f53<\/strong>\uff0c\u8fd9\u662f<em>\u4e2d\u6587\u659c\u4f53<\/em>\uff0c\u8fd9\u662f <code>\u4e2d\u6587\u4ee3\u7801<\/code>\u3002<\/p>\n<p>\u4e2d\u6587\u548cEnglish\u6df7\u5408\u6d4b\u8bd5\u3002<\/p>\n<p>\u53d8\u91cf <code>markdownRenderer<\/code> \u7528\u4e8e\u5904\u7406 <strong>Markdown \u6587\u672c<\/strong>\u3002<\/p>\n<p>\u516c\u5f0f <span class=\"katex math inline\">\\frac{1}{2}<\/span> \u4e5f\u53ef\u4ee5\u5939\u5728\u4e2d\u6587\u53e5\u5b50\u91cc\u9762\u3002<\/p>\n<h1>79. \u6781\u7aef\u5d4c\u5957<\/h1>\n<ul>\n<li>L1<\/li>\n<li>L2<ul>\n<li>L3<\/li>\n<li>L4<ul>\n<li>L5<\/li>\n<li>L6<ul>\n<li>L7<\/li>\n<li>L8<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h1>80. \u6700\u7ec8\u7efc\u5408\u533a\u57df<\/h1>\n<blockquote>\n<h1>Markdown Test<\/h1>\n<p>Markdown renderer should correctly process:<\/p>\n<ul>\n<li><strong>Bold<\/strong><\/li>\n<li><em>Italic<\/em><\/li>\n<li>Delete<\/li>\n<li><code>Code<\/code><\/li>\n<li><a href=\"https:\/\/example.com\/\" target=\"_blank\" rel=\"noopener\">Links<\/a><\/li>\n<\/ul>\n<p><code>def markdown():\n    return \"Hello Markdown!\"<\/code><\/p>\n<div class=\"table-responsive\"><table class=\"table\">\n<thead>\n<tr>\n<th>Feature<\/th>\n<th>Status<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Markdown<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>GFM<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>Math<\/td>\n<td>\u2753<\/td>\n<\/tr>\n<tr>\n<td>Mermaid<\/td>\n<td>\u2753<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<div class=\"katex math multi-line\">\n\\frac{a+b}{c+d}\n<\/div>\n<\/blockquote>\n<h1>Test Complete<\/h1>\n<p>\u5982\u679c\u4f60\u80fd\u591f\u6b63\u5e38\u770b\u5230\uff1a<\/p>\n<ul>\n<li>\u6807\u9898\u5c42\u7ea7<\/li>\n<li>\u7c97\u4f53 \/ \u659c\u4f53 \/ \u5220\u9664\u7ebf<\/li>\n<li>\u6709\u5e8f\u548c\u65e0\u5e8f\u5217\u8868<\/li>\n<li>Task List<\/li>\n<li>Blockquote<\/li>\n<li>Code Highlight<\/li>\n<li>Table<\/li>\n<li>Link<\/li>\n<li>Image<\/li>\n<li>HTML<\/li>\n<li>Details<\/li>\n<li>Footnotes<\/li>\n<li>Math<\/li>\n<li>Mermaid<\/li>\n<li>Unicode \/ Emoji<\/li>\n<li>\u957f\u6587\u672c Overflow<\/li>\n<\/ul>\n<p>\u90a3\u4e48\u8fd9\u4e2a Markdown Renderer \u7684\u529f\u80fd\u5df2\u7ecf\u6bd4\u8f83\u5b8c\u6574\u3002<\/p>\n<p><strong>Markdown Renderer Test \u2014 END<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Markdown Renderer Comprehensive Test \u7528\u4e8e\u5168\u9762\u6d4b\u8bd5 Markdown \u6e32\u67d3\u7cfb\u7edf\u3002 \u5305\u542b\u57fa\u7840 Markdown\u3001GFM\u3001\u4ee3\u7801\u5757\u3001\u8868\u683c\u3001\u4efb\u52a1\u5217\u8868\u3001\u6570\u5b66\u516c\u5f0f\u3001HTML\u3001\u811a\u6ce8\u7b49\u5e38\u89c1\u529f\u80fd\u3002 1. \u6807\u9898\u6d4b\u8bd5 H1 \u4e00\u7ea7\u6807\u9898 H2 \u4e8c\u7ea7\u6807\u9898 H3 \u4e09\u7ea7\u6807\u9898 H4 \u56db\u7ea7\u6807\u9898 H5 \u4e94\u7ea7\u6807\u9898 H6 \u516d\u7ea7\u6807\u9898 2. \u666e\u901a\u6587\u672c \u8fd9\u662f\u4e00\u6bb5\u666e\u901a\u6587\u672c\u3002 \u8fd9\u662f\u7b2c\u4e8c\u6bb5\u666e\u901a\u6587\u672c\uff0c\u7528\u4e8e\u6d4b\u8bd5\u6bb5\u843d\u4e4b\u95f4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-146","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/99website.top\/blog\/index.php?rest_route=\/wp\/v2\/posts\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/99website.top\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/99website.top\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/99website.top\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/99website.top\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":8,"href":"https:\/\/99website.top\/blog\/index.php?rest_route=\/wp\/v2\/posts\/146\/revisions"}],"predecessor-version":[{"id":155,"href":"https:\/\/99website.top\/blog\/index.php?rest_route=\/wp\/v2\/posts\/146\/revisions\/155"}],"wp:attachment":[{"href":"https:\/\/99website.top\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/99website.top\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/99website.top\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}