主頁(yè) > 知識(shí)庫(kù) > 打造博客園(cnblogs)超級(jí)自定義界面

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

熱門(mén)標(biāo)簽:無(wú)錫電銷(xiāo)機(jī)器人銷(xiāo)售 招聘信息 福建ai電銷(xiāo)機(jī)器人加盟公司 地圖標(biāo)注植物名稱(chēng) 地圖標(biāo)注審核工作怎么樣注冊(cè) 去哪里辦卡 揭陽(yáng)外呼系統(tǒng)公司 南召400電話辦理資費(fèi) 熱血傳奇沃瑪森林地圖標(biāo)注 鄭州中國(guó)移動(dòng)400電話申請(qǐng)
定制博客界面的核心方法是通過(guò)引用我們自己上傳的外部JS,使外部JS的代碼能在當(dāng)前博客頁(yè)面上執(zhí)行,從而用這個(gè)JS修改頁(yè)面DOM結(jié)構(gòu)(加入新的界面元素,加入引用自定義的CSS,加入新的界面交互功能),然后我們就可以在自己寫(xiě)的這個(gè)外部JS里任意發(fā)揮了。

在博客園中的博客頁(yè)面中引用外部JS的方法:

進(jìn)入博客設(shè)置頁(yè)面->設(shè)置->子標(biāo)題,在這里,你可以輸入你博客的一些子標(biāo)題的內(nèi)容,同時(shí),你其實(shí)還可以輸入如下html:
script src="XXXX">
XXXX代表你的JS的絕對(duì)URL地址。


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

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

說(shuō)到CSS,由于我們可能會(huì)需要完全重寫(xiě)原有的博客頁(yè)面樣式,所以墻裂推薦大家在設(shè)置博客頁(yè)面模板時(shí)選擇“禁用模板CSS”.

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

我會(huì)在后續(xù)文章中陸續(xù)跟大家分享一些技術(shù)細(xì)節(jié)。也歡迎大家留言告訴我大家有哪些想知道的技術(shù)細(xì)節(jié)。
來(lái)自:http://www.cnblogs.com/laynelin
您可能感興趣的文章:
  • 在博客園博文中添加自定義右鍵菜單的方法詳解

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

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《打造博客園(cnblogs)超級(jí)自定義界面》,本文關(guān)鍵詞  打造,博客園,cnblogs,超級(jí),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《打造博客園(cnblogs)超級(jí)自定義界面》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于打造博客園(cnblogs)超級(jí)自定義界面的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章