如何向 GitHub README 中添加图片

了解如何使用 Markdown 语法或图片链接向你的 GitHub README 文件添加图片。分步指南,帮助你在仓库中展示视觉内容。

使用 AI 创建令人惊艳的产品视频和文档

本教程由 Trupeer 在不到 5 分钟内制作完成

免费创建

分步指南:如何向 GitHub ReadMe 添加图片


第 1 步

首先,前往 GitHub 上的“Repositories”部分并点击它。

Begin by navigating to the "Repositories" section on GitHub and click on it.

第 2 步

然后点击“Add README”继续。

第 3 步

接着选择“Attach Files”并点击它继续。

第 4 步

上传完成后,点击“Commit Changes”。

第 5 步

最后再次选择“Commit Changes”。

向 GitHub ReadMe 添加图片的专业提示

  1. 将图片上传到你的仓库
    前往你的 GitHub 仓库,点击 Add file 按钮,然后选择 Upload files。将图片拖放进去,或者从你的电脑中选择它。

  2. 复制图片 URL
    上传完成后,点击图片文件。它将在新页面中打开。右键点击图片并选择复制图片地址。

  3. 打开或创建 README.md 文件
    返回你的仓库。如果没有 README.md 文件,点击 Add file 并选择 Create new file。将其命名为 README.md。

  4. 使用 Markdown 语法插入图片
    使用以下格式将图片插入 README 文件:
    将 image-url 替换为复制的链接,将 Alt text 替换为图片的简短描述。

  5. 预览并提交更改
    使用编辑器中的 Preview 选项卡检查图片效果。如果一切看起来不错,向下滚动并点击 Commit changes 进行保存。

常见问题和如何避免它们

  1. 图片无法加载
    确保图片存储在公开仓库中,或者托管在支持直接图片链接的平台上。

  2. Markdown 格式不正确
    正确的格式是:仔细检查是否缺少方括号或括号。

  3. 使用了本地文件路径
    不要使用你本地电脑上的文件路径。只能使用 URL 或仓库路径。

  4. 链接损坏或过期
    如果你从仓库中移动或删除了图片,链接就会失效。始终使用最终文件路径。

  5. 图片尺寸过大
    在上传之前调整或压缩大图片,以保持你的 ReadMe 简洁且加载快速。

关于向 GitHub ReadMe 添加图片的常见 FAQ

  1. 如何在 GitHub ReadMe 中添加本地图片?
    先将图片上传到你的仓库,然后使用 Markdown 图片语法引用它。

  2. 我可以使用外部图片 URL 吗?
    可以,任何公开可访问的图片 URL 都可以在 Markdown 语法中使用。

  3. 添加图片的正确 Markdown 语法是什么?
    格式是

  4. 我可以在 ReadMe 文件中居中图片吗?
    Markdown 不支持直接居中,但你可以使用 HTML,例如 <p align="center"> 来控制布局。

  5. 可以在 GitHub ReadMe 中调整图片大小吗?
    仅靠 Markdown 不行。要控制大小,请在 README 文件中使用基本 HTML,例如 <img src="image-url" width="300"/>。

  6. 如何在 Mac 上录屏? 
    在 Mac 上录制屏幕,你可以使用 Trupeer AI。它可以让你捕获整个屏幕,并提供诸如添加 AI 头像、添加配音、在视频中放大和缩小等 AI 功能。借助 trupeer 的 AI 视频翻译功能,你可以将视频翻译成 30 多种语言。 

  7. 如何为屏幕录制添加 AI 头像?
    要为屏幕录制添加 AI 头像,你需要使用AI 屏幕录制工具。Trupeer AI 是一款 AI 屏幕录制工具,可帮助你创建带有多个头像的视频,也能帮助你为视频创建自己的头像。

  8. 如何在 Windows 上录屏?
    要在 Windows 上录制屏幕,你可以使用内置的 Game Bar(Windows + G),或者像 Trupeer AI 这样的高级 AI 工具,以获得 AI 头像、配音、翻译等更高级的功能。

  9. 如何为视频添加配音?
    要为视频添加配音,请下载 trupeer ai Chrome 扩展程序。注册后,上传你的视频(带有声音),从 Trupeer 中选择所需的配音,然后导出你编辑后的视频。 

  10. 如何在屏幕录制中放大?
    要在屏幕录制过程中放大,请使用 Trupeer AI 中的缩放效果,它允许你在特定时刻放大和缩小,从而增强视频内容的视觉冲击力。


需要视频剪辑师、翻译和编剧吗?

免费试用 Trupeer

预约演示

需要视频剪辑师、翻译和编剧吗?

免费试用 Trupeer

预约演示

需要视频剪辑师、翻译和编剧吗?

免费试用 Trupeer

预约演示

This entire page from video to step-by-step guide was made with Trupeer AI in minutes.

This entire page from video to step-by-step guide was made with Trupeer AI in minutes.

This entire page from video to step-by-step guide was made with Trupeer AI in minutes.