风凌天下,好看的课外书

定制博客界面的核心方法是通過引用我們自己上傳的外部JS，使外部JS的代碼能在當前博客頁面上執(zhí)行，從而用這個JS修改頁面DOM結構（加入新的界面元素，加入引用自定義的CSS，加入新的界面交互功能），然后我們就可以在自己寫的這個外部JS里任意發(fā)揮了。

在博客園中的博客頁面中引用外部JS的方法：

進入博客設置頁面->設置->子標題，在這里，你可以輸入你博客的一些子標題的內容，同時，你其實還可以輸入如下html:
script src="XXXX">
XXXX代表你的JS的絕對URL地址。

所以接下來要做的事是想辦法找個地方把你的JS上傳上去，然后得到這個JS的鏈接。正好博客園可以上傳文件：
進入博客設置頁面->文件
在這個頁面，我們可以上傳我們自己的JS，然后就可以得到格式為http://files.cnblogs.com/[博客地址]/[文件名]的URL，例如我的博客上實現(xiàn)UI的核心代碼的URL是http://files.cnblogs.com/laynelin/UI.JS

順便多說一句，實際上要打造復雜的界面，你可能需要上傳不只一個JS。（當然你也可以考慮到performance原因，將多個JS合并成一個文件，然后再把crunch（壓縮）一把。），而且你還需要上傳CSS和圖片。
CSS也可以用和JS同樣的方案上傳。但至于圖片，強烈建議你用寫文章時用到的CuteEditor里的圖片上傳功能。在那里，可以給圖片建子目錄，還可以一次上傳任意多個文件，非常適用于涉及圖片很多的頁面定制需求。

說到CSS，由于我們可能會需要完全重寫原有的博客頁面樣式，所以墻裂推薦大家在設置博客頁面模板時選擇“禁用模板CSS”.

OK，剩下的事情就是大家充分發(fā)揮自己的想象力，通過我們自己的JS，打造我們自己的界面結構，并通過自己的CSS和圖片進行界面裝飾了。

我會在后續(xù)文章中陸續(xù)跟大家分享一些技術細節(jié)。也歡迎大家留言告訴我大家有哪些想知道的技術細節(jié)。
來自:http://www.cnblogs.com/laynelin

您可能感興趣的文章:

在博客園博文中添加自定義右鍵菜單的方法詳解

標簽：宣城鹽城文山桂林東莞景德鎮(zhèn) 南昌黔南

巨人網(wǎng)絡通訊聲明：本文標題《打造博客園(cnblogs)超級自定義界面》，本文關鍵詞打造,博客園,cnblogs,超級,；如發(fā)現(xiàn)本文內容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡，涉及言論、版權與本站無關。

濮阳杆衣贸易有限公司

打造博客園(cnblogs)超級自定義界面