并排显示两个’代码块’或’依赖代码块渲染的图表’

代码块

为了在 Markdown 中并排显示两个代码块，可以使用 HTML 标签来创建一个灵活的布局。


// JavaScript 代码块
console.log('Hello, world!');
        

# Python 代码块
print('Hello, world!')

在某些 Markdown 编辑器和渲染器中，比如 Jupyter Notebook，你可以通过表格来放置代码块，虽然这不是纯 Markdown，但它在某些支持的环境下可以起作用：

1
2
3
4
5
| JavaScript 代码块             | Python 代码块          |
| ----------------------------- | ---------------------- |
| ```javascript                 | ```python              |
| console.log('Hello, world!'); | print('Hello, world!') |
| ```                           | ```                    |

依赖代码块渲染的图表

以 Mermaid 为例，如下:


        graph TD
            A[开始] --> B[步骤1]
            B --> C[步骤2]
            C --> D[结束]
        

        graph TD
            A[开始] --> B[步骤1]
            B --> C[步骤2]
            C --> D[结束]

注意：这种方法在某些 Markdown 编辑器中可能无法正常工作，因为 Mermaid 图表的渲染可能会受到 HTML 布局的影响。如果遇到显示问题，建议尝试以下替代方案：

  1. 垂直排列图表
  2. 使用其他图表库
  3. 导出为图片后再使用 HTML 布局