Skip to content

Markdown中表示目录结构两种工风格方式

在 Markdown 中表示目录结构时,通常使用无序列表缩进来展示层级关系。以下是两种常见风格的示例:


示例 1:简单列表风格

markdown
- project/
    - src/
        - components/
            - Header.js
            - Footer.js
        - utils/
            - helpers.js
    - public/
        - index.html
        - images/
            - logo.png
    - README.md
    - package.json

示例 2:树状结构风格(使用符号模拟)

markdown
project/
├── src/
│ ├── components/
│ │ ├── Header.js
│ │ └── Footer.js
│ └── utils/
│ └── helpers.js
├── public/
│ ├── index.html
│ └── images/
│ └── logo.png
├── README.md
└── package.json

特殊符号复制

markdown
markdown
──
markdown
├──
markdown
└──

注意事项:

  1. 缩进:用 2 或 4 个空格表示层级(需保持一致)。
  2. 符号
    • -*+ 表示列表项。
    • 树状风格中可用 ├──(分支)和 └──(末尾分支)增强视觉效果。
  3. 斜杠:文件夹名称后加 /(如 src/),文件无需斜杠。
  4. 文件扩展名:建议保留(如 .js, .md)以明确类型。

实际使用中,简单列表风格更易维护,而树状风格更适合直接展示给读者。

/src/randomwriting/dateblog/2025/05/20250527-markdown%E4%B8%AD%E8%A1%A8%E7%A4%BA%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84%E4%B8%A4%E7%A7%8D%E5%B7%A5%E9%A3%8E%E6%A0%BC%E6%96%B9%E5%BC%8F.html