文件夹树可视化
把一份普通的缩进文件/文件夹名列表变成 README 和 Unix `tree` 命令输出中常见的经典制表符树（`├──`、`└──`、`│`）。解析器只根据每行的前导空白判断层级——按你的原文选择每级 2 空格、4 空格或 1 个 Tab——因此你可以在任何编辑器里随手勾画结构再粘贴过来。有子项的条目被视为目录，可以带上末尾 `/`；没有子项的条目显示为文件。支持多个顶层根节点。 一切都在你输入的同时于浏览器内完成：不上传任何内容，草稿保存在本地存储中，刷新页面也不会丢失。输出使用 Unicode 制表字符，在所有现代终端、GitHub/GitLab 的代码块以及大多数文档系统中都能正确渲染——把树放进代码块里，等宽字体才能让分支对齐。
—
ASCII 树
project/ ├── src/ │ ├── components/ │ │ ├── Header.tsx │ │ └── Footer.tsx │ ├── lib/ │ │ └── utils.ts │ └── index.ts ├── public/ │ ├── favicon.ico │ └── robots.txt ├── package.json └── README.md
输出使用 Unicode 制表字符 — 在任何现代终端和 GitHub 上都能渲染。
使用方法
- 粘贴或输入缩进列表——每行一个文件或文件夹，子项比父项多缩进一级。
- 把缩进选项（2 空格、4 空格或 Tab）设置成与列表一致；设置错误会让树变平或过度嵌套。
- 如果想给目录加 `/`，打开末尾斜杠开关。
- 复制结果，粘贴到 README 或文档的代码块（三个反引号）中。
常见问题
- 列表里 Tab 和空格混用怎么办？
- 解析器只认你选择的那一种缩进单位，混用会导致层级错乱。选占多数的那种，或先在编辑器里用正则把 `\t` 替换成两个空格再粘贴。
- 目录末尾的斜杠为什么重要？
- 纯文本没有图标，`/` 后缀是表明该条目是文件夹而不是无扩展名文件的唯一线索。GitHub README、终端文档和 Unix 的 `tree -F` 选项都用同样的约定。
- 如何表示空文件夹？
- 只有至少含一个子项的行才会被判定为目录，所以空文件夹会像文件一样渲染。需要显示为文件夹时，加一个占位子项如 `.gitkeep`——这也是 Git 中保留空目录的惯例。
- 在 GitHub 上树会正常显示吗？
- 会——`├──`/`└──` 只是普通 Unicode 文本。把树放进三个反引号的代码块里，GitHub 会用等宽字体渲染；放在代码块外，空白会被折叠，分支就错位了。
- 输入会被保存或上传吗？
- 它不会离开你的浏览器。工具会把最近的输入存到浏览器本地存储，刷新后仍在；清空输入框（或删除站点数据）即可移除。
相关工具
图片 → ASCII 艺术
把任意图片转为 ASCII 艺术——可调宽度、字符集与反相，完全在浏览器中。
图片 0 0
文本 ↔ 二进制转换器
将文本转换为 8 位二进制并可还原。采用 UTF-8 编码，支持表情符号和带重音的字符，并可选择字节分隔符。
转换 0 0
文本与十六进制互转
在浏览器中将文本转换为十六进制字节,并将十六进制解码回文本,支持 UTF-8。
转换 0 0
Lorem Ipsum 生成器
按段落、句子或单词生成占位文本。
文本 0 0
URL 别名（Slug）生成器
将任意文本转为干净的 URL 别名——去除变音符、选择分隔符、限制最大长度。
文本 0 0
Leetspeak(1337)转换器
在浏览器中将文本转换为 leetspeak,并将 1337 解码回字母。
文本 0 0
ASN.1 / DER 解码器
粘贴任意 DER 结构——PEM、base64 或 hex——即可查看它的 ASN.1 树：偏移量、标签、长度和解码后的值。
开发 0 0