📛
Shields.ioで作ったバッジにリンクをつける(Markdown)
これはなに?
Shields.ioでバッジ作りを試していたのですが、
Markdownでのリンクの貼り方がわからなかったので、ここにメモを残します。
題材
わたしのtwitterアカウントへのリンクを貼ったつもりのバッジです。
![Twitter URL](https://img.shields.io/twitter/url?label=%40not75743&style=social&url=https%3A%2F%2Ftwitter.com%2Fnot75743)
バッジをクリックしてもtwitterへ飛びません。
方法①
brackets
でラベル・バッジのURLをまとめて囲みます。
[![Twitter URL](https://img.shields.io/twitter/url?label=%40not75743&style=social&url=https%3A%2F%2Ftwitter.com%2Fnot75743)](https://twitter.com/not75743)
方法②
参照リンクというらしいです。はじめて知りました。
こちらのほうが見やすい気がします。
[![Twitter URL][badge-url]][twitter]
[badge-url]: https://img.shields.io/twitter/url?label=%40not75743&style=social&url=https%3A%2F%2Ftwitter.com%2Fnot75743
[twitter]: https://twitter.com/not75743
参考
Discussion