今天看到一个好玩的项目GitHub Cards,它可以帮助你生成你的个性github名片,或者你的github项目名片。以后可以在介绍你的项目的时候用到它,既美观又大方。

创建方法

你可以直接进入网站进行创建,也可以通过代码直接生成。

首先引入widget.js,然后创建相应类型的div,例如

1
2
<div class="github-card" data-github="rdmclin2" data-width="400" data-height="317" data-theme="medium"></div>
<script src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>

可以配置宽和高,主题(default,medium)等,以下是我的github名片:

感觉不错,再贴几个项目的名片:

1
2
3
4
5
<div class="github-card" data-github="rdmclin2/TechStack" data-width="400" data-height="" data-theme="medium"></div>
<script src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
<div class="github-card" data-github="jie-yuan/Vue-jieyuan" data-width="400" data-height="150" data-theme="default"></div>
<script src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>