add: GitHub Repo Widget

Widget that displays the status of your GitHub repo.

https://github.com/hustcc/GitHub-Repo-Widget.js

_config.yml

@@ -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

layout/_partial/after-footer.ejs

@@ -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') %>

source/css/_partial/main.styl

@@ -473,4 +473,8 @@
             }
         };
    }
-}
+}
+
+if hexo-config("github_widget")
+    .article-entry .github-widget h3::after
+        content none

source/css/_partial/mobile.styl

@@ -343,4 +343,8 @@
 
 #header .social li:nth-child(5n) {
     margin-right: 3px;
-}
+}
+
+if hexo-config("github_widget")
+    .github-text
+        display none

source/js/GithubRepoWidget.js

@@ -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
+	};
+})();