网站添加Github风格放在底部版权代码

最近看到很多网站都用了这种Github风格，也好，阿宅扒了下来，魔改了一下。

代码来了

html代码

<div class="github-badge"><!--定义开始-->
<span class="badge-subject">前面黑色</span>
<span class="badge-value bg-blue">蓝色</span>
<span class="badge-value bg-green">绿色</span>
<span class="badge-value bg-purple">紫色</span>
<span class="badge-value bg-red">红色</span>
<span class="badge-value bg-orange">橙色</span>
<span class="badge-value bg-pink">粉色</span>
</div><!--定义结束-->

演示

css代码，放在head里面

<style>@import url('https://static.azhai.de/static/css/github-badge.css');</style>