Strava HTML徽章在GitHub README无法正常显示该如何解决？

• 资源协议不符合安全要求：GitHub 对 README 内加载的外部资源做了安全限制，仅允许 HTTPS 协议的资源加载，你提供的原始代码中所有图片、跳转链接均为 HTTP 协议，会被直接拦截无法正常加载。
• HTML 安全过滤规则限制：为防范 XSS 等安全风险，GitHub Flavored Markdown 会自动剥离 HTML 标签中的行内style属性、自定义target属性，原始代码依赖的背景色、背景图、内边距、排版等样式完全失效，最终导致显示异常。

不需要保留原始的HTML代码，直接转换为GFM兼容的格式即可，以下是两种可用的嵌入方案：

1. 样式还原度高的徽章方案，和官方Strava徽章视觉效果基本一致：

[![Follow me on Strava](https://img.shields.io/badge/Follow_me_on-Strava-FC5200?logo=strava&logoColor=white)](https://strava.com/athletes/8882041/badge)

2. 完全复用Strava官方素材的简化方案：

<a href="https://strava.com/athletes/8882041/badge">
  Follow me on <img src="https://badges.strava.com/logo-strava.png" alt="Strava" height="13" width="51">
</a>

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