创建链接到电子邮件地址的 Shields.io 徽章

Question

我正在创建一个专业的 README.md 生成器。我想在页面顶部添加一个使用 Shields.io 的“Gmail”徽章以及其他徽章，包括许可证、GitHub 配置文件和已部署的应用程序 URL。目标是创建电子邮件徽章链接，以便在单击徽章时打开一个新的电子邮件草稿，该草稿将发送到所提供的电子邮件地址。目前，我的generateMarkdown.js 文件中的电子邮件徽章代码是：

function generateEmailBadge(email) {
    return `![Email Badge](https://img.shields.io/badge/Gmail-Contact_Me-green?style=flat-square&logo=gmail&logoColor=FFFFFF&labelColor=3A3B3C&color=62F1CDlink=mailto:${email})`;
}

最初，我在函数generateEmailBadge(email)中使用了link=${email}，经过一番研究，我将其更改为link=mailto:${email}。两次尝试均未能使徽章可点击。据我所知，在generateMarkdown函数中，我可以创建一个链接，如下所示：联系我。但是，我想知道是否有一种方法可以按照我想要的方式将 Shields.io 徽章链接到电子邮件地址？如果是这样，有人可以分享有关如何完成这项工作的指导吗？

Answer 1

这就是在 Markdown 中创建链接的方法：

[link text](link.address)

因此您必须用以下材料包裹您的徽章：

[](mailto:[email protected])

结果：

[![Email Badge](https://img.shields.io/badge/Gmail-Contact_Me-green?style=flat-square&logo=gmail&logoColor=FFFFFF&labelColor=3A3B3C&color=62F1CD)](mailto:[email protected])