我已经下载了mermaid压缩包并解压缩。接下来应该如何使用mermaid

要使用Mermaid绘制状态图来描述解压缩过程，首先确保你已经在项目目录下创建了一个名为`mermaid.js`的文件（因为Mermaid通常作为库引入到HTML中），然后按照以下步骤操作：

1. 定义状态图的HTML结构[^1]:

<div class="mermaid">
    %%UNRAR%% UNRARING %%EXTRACTING%%
</div>

在这里，`%%UNRAR%%` 和 `%%EXTRACTING%%` 是占位符，表示你将在JavaScript中替换的实际状态。

2. 使用JavaScript解析并渲染状态图:

// 引入Mermaid库
<script src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>

// 当文档加载完成后，执行绘制
window.onload = function() {
    const mermaidConfig = { startOnLoad: true };
    mermaid.initialize(mermaidConfig);

    // 替换状态图内容
    const svgElement = document.querySelector('.mermaid');
    svgElement.innerHTML = `
        graph TD;
        Unrar --> Extracting;
    `;
    mermaid.init(undefined, svgElement);
};

这会将`Unrar`和`Extracting`两个状态连接起来，形成一个简单的状态转移图。