使用mermaid的步骤如下：
<head>标签中添加以下代码：<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
如果你使用npm安装，可以在命令行中运行以下命令：
npm install mermaid --save
<div>标签来创建一个容器来展示mermaid图表。例如：<div class="mermaid">
graph LR
A-->B
</div>
mermaid.initialize({ startOnLoad: true });
这将在页面加载时自动渲染mermaid图表。你也可以通过其他触发事件来手动渲染图表，例如在按钮点击时。
mermaid的CSS类，并设置你想要的样式。例如：.mermaid {
width: 500px;
height: 500px;
}
这样就可以设置mermaid图表的宽度和高度为500像素。
以上就是使用mermaid的基本步骤。你可以在mermaid的官方文档中找到更多关于其他图表类型和配置选项的详细信息。