Permalink
Browse files

add: GitHub Repo Widget

Widget that displays the status of your GitHub repo.

https://github.com/hustcc/GitHub-Repo-Widget.js
  • Loading branch information...
MOxFIVE committed Jan 26, 2016
1 parent 5c7ff88 commit bd1a835f54a17eb4b39e47b1b342b9cf65ed07e8
View
@@ -161,4 +161,8 @@ google_analytics:
visit_counter:
on: true
site_visit: 本站到访数
page_visit: 本页阅读量
page_visit: 本页阅读量
# GitHub Repo Widget
# https://github.com/hustcc/GitHub-Repo-Widget.js
github_widget: false
@@ -1,9 +1,12 @@
<% if (theme.github_widget){ %>
<%- js('js/GithubRepoWidget') %>
<% } %>
<%- js('http://7.url.cn/edu/jslib/comb/require-2.1.6,jquery-1.9.1.min') %>
<%- js('js/main') %>
<%- partial('_partial/background') %>
<%- partial('google-analytics') %>
<% if (theme.mathjax){ %>
<%- partial('mathjax') %>
<%- partial('mathjax') %>
<% } %>
<%- partial('scrolling-button') %>
<%- partial('_partial/hide-labels') %>
@@ -473,4 +473,8 @@
}
};
}
}
}
if hexo-config("github_widget")
.article-entry .github-widget h3::after
content none
@@ -343,4 +343,8 @@
#header .social li:nth-child(5n) {
margin-right: 3px;
}
}
if hexo-config("github_widget")
.github-text
display none
@@ -0,0 +1,96 @@
/*!
GitHub-Repo-Widget.js - Not depend on jQuery or Other Framework.
License: MIT
*/
(function() {
var rendered = 'github-widget-rendered',
cssStr = '.path-divider{margin:0 .25em}.github-box *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.github-box{font-family:helvetica,arial,sans-serif;font-size:13px;line-height:18px;background:#fafafa;border:1px solid #ddd;color:#666;border-radius:3px}.github-box a{color:#4183c4;border:0;text-decoration:none}.github-box .github-box-title{position:relative;border-bottom:1px solid #ddd;border-radius:3px 3px 0 0;background:#fcfcfc;background:-moz-linear-gradient(#fcfcfc,#ebebeb);background:-webkit-linear-gradient(#fcfcfc,#ebebeb);}.github-box .github-box-title h3{word-wrap:break-word;font-family:helvetica,arial,sans-serif;font-weight:normal;font-size:16px;color:gray;margin:0;padding:10px 10px 10px 30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXBAMAAAD0LQLXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURQAAAL29vc3NzcLCwsjIyNbW1pvTNOEAAAABdFJOUwBA5thmAAAATElEQVQI12MIFoQAEQZFYwcGEGBkUDRUQLCcsYjRXhbqKkEGZQYGqJgSnKXCwGgsAGYpqyobG4WGhioyhBhDgClI3EQAqpaZwQBEAQARmA4G2o55nQAAAABJRU5ErkJggg==) 7px center no-repeat; width: auto;}.github-box .github-box-title h3 .repo{font-weight:bold}.github-box .github-box-title .github-stats{float:right;position:absolute;top:8px;right:10px;font-size:11px;font-weight:bold;line-height:21px;height:auto;min-height:21px}.github-box .github-box-title .github-stats a{display:inline-block;height:21px;color:#666;border:1px solid #ddd;border-radius:3px;padding:0 5px 0 18px;background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAqBAMAAABB12bjAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURf///5mZmdbW1u/v7/r6+rGxscXFxaSkpHLccIMAAABsSURBVBjTY2CgBmBODTOAsFgSi9TFHMBMc1Fmk8BiEItJUMhQWFFQAZXJoC7q7FJYhNBmgG7YQAIWMYTvEExXIbh8oAJWQQe4IGsIlKmowAZVwaKowgxlMgkKmwtCjRAUYBSEqnVkYBAm39EALMwNXwql3eYAAAAASUVORK5CYII=) no-repeat}.github-box .github-box-title .github-stats .watchers{border-right:1px solid #ddd}.github-box .github-box-title .github-stats .forks{background-position:-4px -21px;padding-left:15px}.github-box .github-box-content{padding:10px;font-weight:300}.github-box .github-box-content p{margin:0}.github-box .github-box-content .link{font-weight:bold}.github-box .github-box-download{position:relative;border-top:1px solid #ddd;background:white;border-radius:0 0 3px 3px;padding:10px;height:auto;min-height:24px;}.github-box .github-box-download .updated{word-wrap:break-word;margin:0;font-size:11px;color:#666;line-height:24px;font-weight:300;width:auto}.github-box .github-box-download .updated strong{font-weight:bold;color:#000}.github-box .github-box-download .download{float:right;position:absolute;top:10px;right:10px;height:24px;line-height:24px;font-size:12px;color:#666;font-weight:bold;text-shadow:0 1px 0 rgba(255,255,255,0.9);padding:0 10px;border:1px solid #ddd;border-bottom-color:#bbb;border-radius:3px;background:#f5f5f5;background:-moz-linear-gradient(#f5f5f5,#e5e5e5);background:-webkit-linear-gradient(#f5f5f5,#e5e5e5);}.github-box .github-box-download .download:hover{color:#527894;border-color:#cfe3ed;border-bottom-color:#9fc7db;background:#f1f7fa;background:-moz-linear-gradient(#f1f7fa,#dbeaf1);background:-webkit-linear-gradient(#f1f7fa,#dbeaf1);}@media (max-width: 767px) {.github-box .github-box-title{height:auto;min-height:60px}.github-box .github-box-title h3 .repo{display:block}.github-box .github-box-title .github-stats a{display:block;clear:right;float:right;}.github-box .github-box-download{height:auto;min-height:46px;}.github-box .github-box-download .download{top:32px;}}';
function _getAttribute(node, name, defaultValue) {
return node.getAttribute(name) || defaultValue;
}
function _querySelector(dom, sel) {
return dom.querySelector(sel);
}
function _setHtml(dom, h) {
dom.innerHTML = h;
}
function _appendCss() {
var x = document.createElement('div');
x.innerHTML = 'x<style>'+cssStr+'</style>';
document.getElementsByTagName('head')[0].appendChild(x.lastChild);
}
function _renderGitHubWidget(repoEle, repo) {
repo = JSON.parse(repo);
_setHtml(_querySelector(repoEle, '.watchers'), repo.watchers);
_setHtml(_querySelector(repoEle, '.forks'), repo.forks);
_setHtml(_querySelector(repoEle, '.description span'), repo.description);
_setHtml(_querySelector(repoEle, '.updated'), 'Latest commit to the <strong>' + repo.default_branch+ '</strong> branch on <strong>' + repo.pushed_at.substring(0, 10) + '</strong>');
if(repo.homepage !== null) {
_setHtml(_querySelector(repoEle, '.link'), '<a href="'+ repo.homepage +'">'+ repo.homepage +'</a>');
}
repoEle.setAttribute(rendered, '1');
}
function _ajaxReq(repoEle, repo) {
var xmlhttp;
if (window.XMLHttpRequest) {
//code for IE7,firefox chrome and above
xmlhttp = new XMLHttpRequest();
} else {
//code for Internet Explorer
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
_renderGitHubWidget(repoEle, xmlhttp.responseText);
} else {
}
};
xmlhttp.open('GET', 'https://api.github.com/repos/' + repo, true);
xmlhttp.send();
}
function _init() {
var github_eles = document.querySelectorAll('.github-widget'), repoEle, repo, vendorName, repoName, vendorUrl, repoUrl, widget;
for (var i = 0; i < github_eles.length; i++) {
repoEle = github_eles[i];
if (! _getAttribute(repoEle, rendered, '')) {
repo = _getAttribute(repoEle, 'data-repo', ''),
vendorName = repo.split('/')[0],
repoName = repo.split('/')[1],
vendorUrl = 'http://github.com/' + vendorName,
repoUrl = 'http://github.com/' + vendorName + '/' + repoName;
widget = '<div class="github-box repo">'+
'<div class="github-box-title">'+
'<h3>'+
'<a class="owner" href="' + vendorUrl + '" title="' + vendorUrl + '">' + vendorName + '</a>'+
'<span class="path-divider">/</span>'+
'<a class="repo" href="' + repoUrl + '" title="' + repoUrl + '">' + repoName + '</a>'+
'</h3>'+
'<div class="github-stats">'+
'<span class="github-text">Star </span>'+
'<a class="watchers" href="' + repoUrl + '/watchers" title="See watchers">?</a>'+
'<span class="github-text"> Fork </span>'+
'<a class="forks" href="' + repoUrl + '/network/members" title="See forkers">?</a>'+
'</div>'+
'</div>'+
'<div class="github-box-content">'+
'<p class="description"><span></span> &mdash; <a href="' + repoUrl + '#readme">Read More</a></p>'+
'<p class="link"></p>'+
'</div>'+
'<div class="github-box-download">'+
'<div class="updated"></div>'+
'<a class="download" href="' + repoUrl + '/zipball/master" title="Get repository">Download as zip</a>'+
'</div>'+
'</div>';
_setHtml(repoEle, widget);
_ajaxReq(repoEle, repo);
}
}
}
_appendCss();
_init();
window.GithubRepoWidget = {
init: _init
};
})();

0 comments on commit bd1a835

Please sign in to comment.