網頁程式碼美化程式 Google Code Prettify

由Idea Grapes看到Google牌的網頁程式碼美化程式：Google Code Prettify，在README裡就能看到完整的安裝步驟。

以下是google_adsense.js的源碼範例：

/*
* $Id: google_adsense.js 13029 2007-05-12 06:21:22Z emisjerry $
*
* Copyleft (c) Jerry Chien (http://blog.xuite.net/emisjerry), 2007/04/16
* Inspired by http://blog.xuite.net/misgarlic/weblogic/10337345
*
* 使用方法：
*   在自由欄位裡加入
*   div id="divGoogleAdSenseLinkScript">和
*   div id="divGoogleAdSenseContentScript">
*   與script src="http://emisjerry.googlepages.com/google_adsense.js">
*
* 2007/04/16 V1.0: 在文章內頁自動加入Google AdSense的script.
* 2007/04/22 V1.1: Xuite首頁最底也能顯示AdSense for Content.
*/
var isHomePage = true;  // 是否在Blog首頁?
var isXuite = false, isRoodo = false;

if (document.URL.indexOf(".roodo.") > 0) {  // for Roodo
isRoodo = true;
}
if (!isRoodo || document.URL.indexOf(".xuite.") > 0) {  // for Xuite
isXuite = true;
}

if (/^http:.*/d+.html(#comments|#trackback|)/.test(document.URL)) {
isHomePage = false;  // 在文章內頁; Roodo
//} else if (/^http:.*/d+(#|)(d+)$/.test(document.URL)) {
} else if (/^http://blog.xuite.net/.*/d+(?p=d+)?(#message|#trackback|)/.test(document.URL)) {
// } else if (/^http://blog.xuite.net/.*(d+|d+#.*)$/.test(document.URL)) {
isHomePage = false;  // 在文章內頁; Xuite /url/12345#message
}

if (isXuite || isRoodo) {
if (window.attachEvent) {
window.attachEvent('onload', init);
} else {
window.addEventListener('load', init, false);
}
}

//--FUNCTIONS-----------------------------------------------------------
// findTag('span','titlename', 'text');
function findTag(sTag, sName, sType) {
var aTags = document.getElementsByTagName(sTag);
var reg = new RegExp(sName);
var oResult = "";
for (var i in aTags) {
//alert(aTags[i].className);
if (reg.test(aTags[i].className)) {
if (sType=='text') {
oResult = aTags[i].textContent;
} else {
oResult = aTags[i];
}
break;
}
}
return oResult;
}

//===============================================================
function init() {
if (isXuite) {  // 把AdSense連結加到表頭
var _oTag1 = document.getElementById("divAdSenseLinkScript");
if (_oTag1 != null) {
_oTag = findTag("div", "description");
_oTag.innerHTML += _oTag1.innerHTML;
}
var _oTag2 = document.getElementById("divAdSenseContent2Script");
if (_oTag2 != null) {
document.getElementById("mid").innerHTML += _oTag2.innerHTML;
} else if (_oTag1 != null) {  // 沒有content2, 但有content
//!!document.getElementById("mid").innerHTML += _oTag1.innerHTML;
}
}
if (!isHomePage) {  // 在文章內頁裡加入文章底部的AdSense
var _oDiv = document.getElementById("divAdSenseContentScript");
if (_oDiv != null) {
if (isXuite) { // 把AdSense for Content加到文章底部
var _oTag = findTag("div", "blogbody");
_oTag.innerHTML += _oDiv.innerHTML;
} else if (isRoodo) {
var _oTag = findTag("div", "posted");
_oTag.innerHTML = _oDiv.innerHTML + _oTag.innerHTML;
}
}
}
}

參考：

dp.SyntaxHighlighter:在網頁顯示美觀的程式碼

網頁顯示程式碼的美容師：CodePress

您可能也會有興趣的類似文章

• AutoHotkey與Google+ Commander合用－以滑鼠移動訊息位置 (0則留言, 2011/10/31)
• Google試算表快速跳轉到特定工作表（分頁標籤）的方法 (6則留言, 2016/08/04)
• 為Google Photos的自動分類發出一聲讚嘆 (0則留言, 2015/05/31)
• 完全圖解在文章裡顯示Google AdSense廣告的步驟(Xuite) (38則留言, 2007/04/20)
• 完全圖解在文章裡顯示Google AdSense廣告的步驟(樂多) (15則留言, 2007/04/20)
• [轉貼今周刊] 大型入口網站　爭當部落格盟主 (2則留言, 2005/05/04)
• Google Reader快速訂閱的FireFox擴充 (2則留言, 2007/06/16)
• [轉貼] Google退出中国成定局，抹黑行动开始 (5則留言, 2010/03/23)
• [Android] Analytix HD：Google Analytics的應用程式 (0則留言, 2012/10/24)
• 使用Gmail擴充來增強郵件處理效率的技巧 (0則留言, 2013/09/19)
• jQuery選擇器測試與範例 (0則留言, 2007/09/29)
• Google Alerts (快訊）介紹 (0則留言, 2004/12/30)
• 網路廣告市場高度集中 Google最大贏家 (0則留言, 2007/10/02)
• 踩到Google AdSense地雷之小小牢騷 (0則留言, 2013/09/09)
• Google Chrome瀏覽器的快速啟動器：CATO與Steward (0則留言, 2017/09/27)