歪歪猪作坊 编程是一门手艺

在Blogger的经典模板(Classic Templates)中添加分类(Labels)列表


我的另外一个Blog,是用Blogger的FTP功能发布的,只能使用Classic Templates,常规是不能列出分类(Labels)列表的,不象用Blogspot发布的,可以用新的Layout,用“分类”控件实现。

参考了著名的Blogspot Hacker phydeaux3的文章《Automatic List of Labels for Blogger Classic Templates / FTP》。摸索出了适合中文的方法,介绍如下。

首先是如何列出所有的Labels。Blogger所提供的一个叫“metafeed”的功能可以实现这个,地址是: http://www.blogger.com/feeds/USERID/blogs/BLOGID

其中,USERID和BLOGID,可以在Blogger的控制面板中查到,所有对于用户级别的设置的链接中,可以看到USERID,所有关于特定Blog的设置的链接,都可以找到BLOGID。这个地址支持标准的GData的接口,所以可以通过在后面添加参数实现其他功能。这个地址其实是个Feed,所以原来的格式是atom。Javascript处理XML比较困难,所以要把它转化成Javascript比较容易处理的JSON格式,而且选用GData的json-in-script的方式,以便把它嵌入到网页中作为Javascript运行。所以可以采用: http://www.blogger.com/feeds/USERID/blogs/BLOGID?alt=json-in-script&callback=listLabels

其中listLabels是回调函数,参数就是JSON描述的对象,通过在回调函数中对JSON对象的处理,就可以列出所有的Labels。由于www.blogger.com在G~F~W外面,回传的东西里面都是Labels,一旦Labels包括某些关键字,后果可想而知,好在Google的大部分服务都提供https,所以最终采用的链接是: https://www.blogger.com/feeds/USERID/blogs/BLOGID?alt=json-in-script&callback=listLabels

列出所有的Labels还是不够,关键要解决每个Label所对应的链接是什么。对于全部是英文或者数字的Label,链接就是http://BLOGURL/Labels/后面加Label名称再加上html扩展名,但是一旦Label包含有中文就不是这样了,假如全部是中文,Label名称要进行base64编码,假如Label包括中文和英文或数字,那么Label名称里面的英文保持原文,每个中文要转为“=XX=YY=ZZ”,其中,XXYYZZ为16进制表示的中文字的Unicode编码。在参考了这个连接里面的Base64 Javascript实现后,最终的脚本为:

	<script type="text/javascript">
	//<![CDATA[
	    var Base64 = {
		    
			// private property
		    _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
			// public method for encoding
			encode : function (input) {
			        var output = "";
			        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
			        var i = 0;
			        var go = false;
			        /* 判断是否包括数字和字母 */
			        if (input.match(/[A-Za-z0-9\+\/\=]/g)){
			            go = true;
			        }
			        input = Base64._utf8_encode(input);
			
			        while (i < input.length) {
			            /* 如果包括数字和字母,按特殊方式处理,否则用base64编码 */
			            if (go){
			                chr1 = input.charCodeAt(i++);
			                if (chr1<127){
			                    output = output +input.charAt(i-1);
			                    continue;
			                }
			                output = output + '=' + chr1.toString(16).toUpperCase();
			                continue;
			            }
			
			            chr1 = input.charCodeAt(i++);
			            chr2 = input.charCodeAt(i++);
			            chr3 = input.charCodeAt(i++);
			
			            enc1 = chr1 >> 2;
			            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
			            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
			            enc4 = chr3 & 63;
			
			            if (isNaN(chr2)) {
			                enc3 = enc4 = 64;
			            } else if (isNaN(chr3)) {
			                enc4 = 64;
			            }
			
			            output = output +
			            this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
			            this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
			
			        }
			        /* 将结果中的斜杠替换成两个下划线 */
			        output = output.replace(/\//g,"__");
			        return output;
			    },
			
			
			    // private method for UTF-8 encoding
			    _utf8_encode : function (string) {
			        string = string.replace(/\r\n/g,"\n");
			        var utftext = "";
			
			        for (var n = 0; n < string.length; n++) {
			
			            var c = string.charCodeAt(n);
			
			            if (c < 128) {
			                utftext += String.fromCharCode(c);
			            }
			            else if((c > 127) && (c < 2048)) {
			                utftext += String.fromCharCode((c >> 6) | 192);
			                utftext += String.fromCharCode((c & 63) | 128);
			            }
			            else {
			                utftext += String.fromCharCode((c >> 12) | 224);
			                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
			                utftext += String.fromCharCode((c & 63) | 128);
			            }
			
			        }
			
			        return utftext;
			    }
			
		};
			
		function listLabels(root){
			    var baseURL = 'http://blog.yypig.net/labels/';
			    var baseHeading = "Labels";
			    var isFTP = true;
			    var entry = root.entry;
			    var category = entry.category;
			    labelSort = new Array();
			    for(p in category){
			        labelSort[labelSort.length] = [category[p].term];
			    }
			    //labelSort.sort();
			    for (var r=0; r < labelSort.length; r++){
			        document.write('<a href="'+baseURL+Base64.encode(labelSort[r]+'')+'.html" >');
			        document.write(labelSort[r]+'');
			        document.write('</a>, ');
			    }
			
		}
			
	//]]>
	</script>
	<script type="text/javascript" src="https://www.blogger.com/feeds/USERID/blogs/BLOGID?alt=json-in-script&amp;callback=listLabels" ></script>

相关阅读

上一篇 放风了

下一篇 观后感

评论