文章标题 - CY-Blog

Carloney

Announcement

Welcome to my blog! This is a sample announcement.

Learn More

标签

测试标签 Blogging Customization cy linux Mizuki

927 字

5 分钟

文章标题

2026-01-19

测试分类

测试标签

/

cy

这个是一个测试的博客文章

为了全面测试你的 Astro 博客对 Markdown 的解析能力，这份测试文档包含了你配置文件中涉及的所有特种功能：Expressive Code 代码高亮、KaTeX 数学公式、Mermaid 图表、Github 风格警告框（Admonitions）以及自定义组件。

1
# 🛠️ Markdown 解析功能全能测试报告
2

3
> 本文档用于压力测试 Astro 博客的 Markdown 渲染引擎，包含代码块、数学公式、图表及自定义组件。
4

5
---
6

7
## 1. 代码块测试 (Expressive Code)
8
测试插件：`pluginLineNumbers`, `pluginLanguageBadge`, `pluginCollapsibleSections`。
9

10
```java title="HelloWorld.java" {2-4}
11
public class HelloWorld {
12
    // 这是一段被折叠的代码测试
13
    // <collapse>
14
    public static void main(String[] args) {
15
        System.out.println("Hello, Astro!");
16
    }
17
    // </collapse>
18
}

1
pnpm install astro-expressive-code

2. 警告框测试 (Admonitions / Directives)#

测试你配置中的 rehypeComponents 和 remarkDirective。

备注
这是一个普通的备注信息。

技巧
使用 pnpm 可以显著提升依赖安装速度。

重要
这是一个关键提示，不容忽视。

警告
请注意备份你的 .env 环境变量文件。

注意
这是一个危险操作的预警。

3. 数学公式解析测试#

这是一个关于后端开发中算法复杂度的测试页面。

1. 行内公式测试 (Inline)#

在分析 Java 集合框架时，我们经常提到 ArrayList 的随机访问时间复杂度是 $O(1)$ ，而 LinkedList 的查找时间复杂度是 $O(n)$ 。

当涉及到快速排序的分治策略时，其平均运行时间可以表示为 $T(n) = 2T(n/2) + \Theta(n)$ 。

2. 块级公式测试 (Block)#

下面是一个稍微复杂一些的公式，用于测试你的 rehype-katex 是否能正确处理求和符号与分式：

f(x) = \sum_{i=0}^{n} \frac{x^i}{i!}

再来测试一个概率论中常见的正态分布密度函数：

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

3. 矩阵与多行公式 (复杂测试)#

如果这个也能显示，说明你的配置已经完美了：

\begin{pmatrix} 1 & a \\ 0 & 1 \end{pmatrix}^n = \begin{pmatrix} 1 & na \\ 0 & 1 \end{pmatrix}

4. 流程图测试 (Mermaid)#

测试 remarkMermaid 渲染能力。

graph TD A[客户端请求] --> B{Spring Security 过滤} B -- 认证通过 --> C[Controller 业务逻辑] B -- 认证失败 --> D[返回 401/403] C --> E[MyBatis-Plus 查询数据库] E --> F[返回 JSON 数据]

5. 增强型表格 (Rehype Wrap Table)#

测试 rehypeWrapTable 是否能让长表格在移动端横向滚动。

技术栈	熟练度	备注	状态
Java 21	⭐️⭐️⭐️⭐️	熟悉虚拟线程	持续学习
Spring Boot 3	⭐️⭐️⭐️⭐️	企业级开发核心	核心竞争力
Redis	⭐️⭐️⭐️	缓存击穿/雪崩处理	实战经验
Docker	⭐️⭐️	容器化部署	基础应用

6. 自定义组件测试#

测试 rehypeComponents 中的 github 卡片。

withastro

/

astro

Waiting for api.github.com...

00K

0K

Waiting...

7. 基础 HTML 增强#

测试 rehypeSlug 和 rehypeAutolinkHeadings。你可以尝试悬停在上面的标题上，应该会出现你配置的 # 锚点图标。

测试图片宽度解析 (rehypeImageWidth)： {width=100px}

测试清单检查点：#

代码块是否有行号？是否有复制按钮？
:::tip 等容器是否有对应的背景色和图标？
数学公式是否渲染正常（非源码显示）？
Mermaid 图表是否加载出来？
标题右侧是否有 # 链接？

1
---
2

3
### 💡 调试建议
4

5
1. **如果 Mermaid 不显示**：检查控制台是否有脚本加载错误，Mermaid 有时需要客户端 JS 才能渲染。
6
2. **如果警告框 (:::note) 样式不对**：请确认你的 `AdmonitionComponent` 是否正确接收了类型参数并渲染了相应的 CSS 类。
7
3. **如果 GitHub 卡片不显示**：检查 `GithubCardComponent` 里的 API 调用是否因为 GitHub API 的频率限制被拦截了。
8

9
**你需要我帮你针对其中某一个功能（比如 Admonition 的 CSS 样式）进行更深入的优化吗？**

部分信息可能已经过时

linux-wifi设置

Simple Guides for Mizuki