Markdown Elements in VSC4T Theme | VSC4T主题的Markdown元素

This article will showcase all Markdown elements supported by the VSC4T theme and their rendering effects.

本文将展示VSC4T主题支持的所有Markdown元素及其渲染效果。

Block Elements | 块级元素

Paragraphs and Line Breaks | 段落和换行

This is a paragraph.
This line will be joined with the previous line.

这是一个段落。
这行会和上一行连在一起。

This is a second paragraph.
This line has two spaces at the end,
so it will display as a line break.

这是第二个段落。
这行后面加了两个空格，
所以会换行显示。

Headers | 标题

Heading 1 | 一级标题

Heading 2 | 二级标题

Heading 3 | 三级标题

Heading 4 | 四级标题

Heading 5 | 五级标题

Heading 6 | 六级标题

Blockquotes | 引用块

This is a blockquote
Continuing the quote

This is a new paragraph within the blockquote

这是一个引用块
继续引用

这是引用块的新段落

Lists | 列表

Unordered list:
无序列表：

• Red | 红色
• Green | 绿色
• Blue | 蓝色

Ordered list:
有序列表：

1. First item | 第一项
2. Second item | 第二项
3. Third item | 第三项

Code Blocks | 代码块

Regular code block:
普通代码块：

function test() {
  console.log("This is an indented code block");
}

function test() {
  console.log("这是缩进的代码块");
}

Syntax highlighted code block:
语法高亮代码块：

function highlight() {
  return "This is a code block with syntax highlighting";
}

function highlight() {
  return "这是带语法高亮的代码块";
}

#include <iostream>
using namespace std;

int main() {
    cout << "Hello, World!" << endl;
    return 0;
}

printf("call");

Tables | 表格

Left-aligned	Center-aligned	Right-aligned
Cell 11	Cell 12	Cell 13
Cell 21	Cell 22	Cell 23

左对齐	居中对齐	右对齐
单元格11	单元格12	单元格13
单元格21	单元格22	单元格23

Horizontal Rules | 分隔线

---

---

---

Inline Elements | 行内元素

Links | 链接

This is a link | 这是一个链接
http://example.com

Emphasis | 强调

Italic text Italic text
Bold text Bold text
Bold italic text Bold italic text

斜体文本 斜体文本
粗体文本 粗体文本
粗斜体文本 粗斜体文本

Code | 代码

Use the console.log() function to print messages.
使用console.log()函数打印信息。

Images | 图片

Miscellaneous Elements | 其他元素

Strikethrough | 删除线

This is strikethrough text | 这是删除线文本

Automatic Links | 自动链接

http://example.com
address@example.com

Backslash Escapes | 转义字符

*This is not italic*
*这不是斜体*

Inline HTML | 内联HTML

This is red text | 这是红色文本

Math Equations (LaTeX) | LaTeX公式

Mathjax:

Multi-line equations:
多行公式：

SVG Graphics | SVG图形

Mermaid Diagrams | Mermaid 图表

The VSC4T theme supports rendering Mermaid diagrams.
VSC4T 主题支持渲染 Mermaid 图表。

flowchart TD
A[Start] --> B{Is it working?}
B -->|Yes| C[Great!]
B -->|No| D[Debug]
D --> B
C --> E[End]

VSC4T-Specific Features | VSC4T特有功能

Code Highlighting with Line Numbers | 带行号的代码高亮

// Line numbers are enabled for this code block
function countToTen() {
  for (let i = 1; i <= 10; i++) {
    console.log(i);
  }
}
countToTen();

Search Support | 搜索支持

The VSC4T theme includes a powerful search functionality that can find content in:

• Post titles | 文章标题
• Post content | 文章内容
• Tags | 标签
• Categories | 分类

VSC4T主题包含强大的搜索功能，可以在以下内容中查找：

• 文章标题
• 文章内容
• 标签
• 分类

Mobile Responsiveness | 移动端响应式

All elements shown above are fully responsive and will adapt beautifully to any screen size - desktop, tablet, or mobile.

上述所有元素都完全支持响应式设计，可以完美适应任何屏幕尺寸 - 桌面端、平板或移动设备。