Markdown 转 PNG：用 README 片段做一次完整示范
用虚构项目 Atlas Notes 的 README 片段演示 Markdown 转 PNG：先挑选能独立读懂的内容，再保留内层代码围栏，检查标题层级、命令和换行。按发布位置的实际尺寸核对下载结果，为图片编写说明并附上完整原文链接，项目更新后也能从可编辑原稿重新生成。
README 本身是一份文档，其中的一小段也可以用于版本发布帖，介绍项目。处理真实的公开仓库时，打开 GitHub README 转图片，输入 GitHub URL 并获取 README，再审核、编辑和导出。若要直接复现下面的虚构示例，请使用 Markdown 转换器。先挑出一段能独立读懂的内容。
一张项目介绍卡片最好回答三个问题：这是什么、如何开始、接下来读什么。下面使用虚构笔记项目 Atlas Notes：标题、一句话说明、快速开始命令和简短功能列表，共同构成清晰的阅读顺序。
命令只是 README 演示内容，并非安装本网站或真实软件包的操作指引。处理真实仓库时，应先确认命令与项目当前的安装说明一致，再制作卡片。
将最外层 Markdown 围栏内的内容复制到转换器。里面的 Bash 围栏属于 README 原稿，需要保留，才能把命令显示成代码块。
# Atlas Notes
A small Markdown notebook for release teams.
## Quick start
```bash
npm install
npm run dev
```
- Local Markdown files
- Reviewed release notes
- Portable documentation
结果是一张紧凑的项目介绍图。检查标题层级，以及正文、代码和功能列表之间的区别。分享时在图片旁提供完整 README 的文字链接；PNG 无法提供同样可选择的命令和文档导航。
这个文字与代码示例适合选择 PNG。设置宽度时，让两行命令能够完整展示，同时确保正文在发布位置不会显得太小。先看最长的一行：增加宽度可能减少换行，但图片出现在窄的信息流里时仍然会被缩放。
如果完整 README 包含徽章、多张截图和很长的安装指南，就按用途拆图。项目概览和故障排查参考通常不需要相同的裁切范围，也不需要放一样多的文字。
- 确认代码围栏成对出现。缺失一个结束围栏，可能导致后续正文也显示为代码。
- 检查输出中是否混入浏览器控件或无关仓库界面；卡片应传达选定的内容。
- 下载 PNG，按计划中的显示大小检查，尤其留意命令与标点。
- 写明项目和卡片用途的图片说明，并在帖子中附上原始 README 链接。
README 更新后，从修改后的原稿重新生成，让图片与文档保持一致。导入公开 GitHub README，审核后导出。
延伸阅读：整理 Markdown 代码块与 为多个渠道规划图片。