Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
GithubWidgetUser.css
Plugin.php
README.md
jquery-github-user-widget.js

README.md

起步

组件来源http://bh-lay.com/labs/github-widget-user,并在其中做了一些修改。

安装

  1. 下载
  2. 解压后把 GithubWidgetUser 文件夹上传到插件目录。
  3. 启用插件,默认引入了jQuery,若已引入设置不引入可避免多次import jQuery。

使用

方式一、傻瓜式

在文章中创建一个class为github-widget-user的dom,并在data属性上增加用户参数即可,如下面代码所示。

<div class="github-widget-user" data-user="github上的用户名"></div>

方式二、自定义式

若对应dom上有data-user参数,JS函数中可以省略用户名参数,两者有冲突时,以JS传入为优先。

$('.some_class').github_user_widget('github上的用户名');

效果

github名片.png