在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:lynnwallenstein/jQuery-GitHub-Badge开源软件地址:https://github.com/lynnwallenstein/jQuery-GitHub-Badge开源编程语言:JavaScript 56.2%开源软件介绍:SUPPORTDue to the limitations of the unauthenticated access to the GitHub API, I am no longer actively developing this. DESCRIPTIONjQuery Github Badge is a jQuery plugin allowing you to display Github activity for a user or a repo (project). This documentation is highly in flux as I am in the middle of alpha testing this right now. I will be flushing out all the explanations of all the options once I finish making them work ;) DEMOClick Here to see it in action. SETUP
INSTALLATIONYou can see a full installation in the index.html file included in this repo, however here are the itemized steps. ###Step 1: Include the plugin script after jQuery <!-- Script for GitHub Badge Widget -->
<script src="jquery.github_badge.js"></script> Step 2: Include the CSS in the head of the document<!-- CSS for GitHub Badge Widget: implied media="all" -->
<link rel="stylesheet" href="css/jquery.github_badge.css?v=1" /> Step 3: In the body of your documents, create a container where you want the badge to display<div id="sample_user_badge"></div> Step 4: Call the script (with minimal default options.. see configuration section for more)<script>
$("#sample_user_badge").GithubBadge({
login: "jquery"
});
</script> CONFIGURATIONUser BadgeMinmal Configuration for User Badge:$("#sample_user_badge").GitHubBadge({
login: "GITHUB_LOGIN"
}); Options for User Badge$("#sample_user_badge").GitHubBadge({
login : "GITHUB_LOGIN"
sorting : "ascending", // ascending or descending for repos (user badge) and issues (project badge)
theme : "github", // adds value as class for entire badge
include_github_logo : true, // show a lil love
image_path : "images/", // path to your images directory
animate_style : "slide", //slideDown or show
repo_count : "10" // maximum number of repos to be displayed
}); Project/Repo BadgeMinmal Configuration for Project Badge:$("#sample_project_badge").GitHubBadge({
login : "GITHUB_LOGIN",
kind : "project", // user or project
repo_name : "GITHUB_REPO_NAME"
}); Options for User Badge$("#sample_user_badge").GitHubBadge({
login : "GITHUB_LOGIN",
kind : "project", // user or project
repo_name : "GITHUB_REPO_NAME",
sorting : "ascending", // ascending or descending for repos (user badge) and issues (project badge)
theme : "github", // adds value as class for entire badge
include_github_logo : true, // show a lil love
image_path : "images/", // path to your images directory
animate_style : "slide", // slide or show, how you want the panels to animate while switching tabs
repo_count : "10", // maximum number of repos to be displayed
repo_branch : "master", // branch of repo to show commits from
issue_count : "10", // maximum number of issues to be displayed
commit_count : "10" // maximum number of commits to be displayed
}); |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论