如何在 GitHub 存储库中的 README.md 文件上添加 GIF？

GitHub 是一个代码托管平台，除了支持代码的存储、共享和协作外，用户还可以在其存储库中为项目添加 README.md 文件来介绍项目的信息。在 README.md 文件中添加动态的 GIF 图片可以增加用户体验和视觉效果。本文将介绍如何在 GitHub 存储库中的 README.md 文件上添加 GIF 。

步骤

添加 GIF 的步骤分为以下三步：

1. 首先，需要将 GIF 文件上传到 GitHub 存储库中。

2. 然后，在 README.md 文件中通过 Markdown 语法添加 GIF。

3. 最后，提交更改并查看效果。

下面将具体介绍如何操作。

步骤一：上传 GIF 文件

添加 GIF 前，先将 GIF 文件上传到自己的 GitHub 存储库中。有两种方式：

• 通过 Git 命令行上传

  用 Git 命令行到你的项目的文件夹下，将 GIF 文件加入到 Git 的暂存区，这被称为“staging”。

  $ git add your-gif-file.gif
  

  将文件提交到 Git 存储库，并添加一条提交信息。

  $ git commit -m "Add my GIF file"
  

  通过 Git 命令推送到 GitHub 云端。

  $ git push origin master
  

• 通过 GitHub 网站上传

  进入你的存储库页面，点击 Add file -> Upload files，将 GIF 文件上传到仓库。

步骤二：添加 GIF

在编辑 README.md 文件时，在合适的位置插入下面的 Markdown 代码：

![Alt Text](url)

• Alt Text：表示在图片无法显示时的替代文本。

• url：表示你上一步上传到 GitHub 存储库中的 GIF 文件的 URL。

例如，你在存储库中上传了一个叫做animation.gif的 GIF 文件，那么在 README.md 文件中，你需要添加以下 Markdown 语法：

![GitHub Logo](/animation.gif)

这里演示的是相对地址，如果需要使用绝对地址，请将/animation.gif替换成https://raw.githubusercontent.com/你的GitHub账户名/你的存储库名/master/animation.gif。

步骤三：提交更改并查看效果

完成 README.md 文件的编辑，提交更改并查看效果。

到你的项目存储库页面，可以看到添加的 GIF 文件已经显示在 README.md 文件中了。

结论

通过以上的步骤，你已经成功地将 GIF 图片添加到了 GitHub 存储库中的 README.md 文件中了。下次你在编辑 README.md 文件时，可以尝试添加其他格式的图片、文本等，丰富你的项目介绍。