如何在GitHub README.md中添加带链接的可点击图片？

如果你想在GitHub的README.md里添加带有跳转链接的可点击图片（比如「请我吃个甜甜圈」这类SVG徽章），并自定义图片宽度，有两种实用方法：

方法一：使用HTML代码（推荐，支持自定义属性） #

GitHub完全支持在README.md中嵌入HTML代码，通过<a>标签包裹<img>标签，既能实现点击跳转，还能灵活设置图片的宽度、替代文本等属性。

以「请我吃个甜甜圈」徽章为例，代码如下：

<a href="https://www.buymeacoffee.com/tobse" rel="nofollow">
    <img alt="请我吃个甜甜圈" 
         src="https://raw.githubusercontent.com/tobsef/tobsef/master/img/buy-me-a-donut.svg" 
         width="245px">
</a>

各部分作用：

• <a href="目标链接">：指定图片点击后跳转的地址
• alt：图片加载失败时显示的替代文本，提升页面可访问性
• src：图片的存储URL（这里使用GitHub仓库中的SVG文件）
• width：自定义图片的显示宽度，可根据需求调整数值

方法二：Markdown原生语法（无自定义宽度需求时使用） #

如果不需要设置图片宽度，也可以用Markdown的嵌套语法实现，写法更简洁：

[![请我吃个甜甜圈](https://raw.githubusercontent.com/tobsef/tobsef/master/img/buy-me-a-donut.svg)](https://www.buymeacoffee.com/tobse)

语法说明：[![图片替代文本](图片URL)](跳转目标链接)

内容的提问来源于stack exchange，提问作者Tobse