主頁 > 知識庫 > 打造博客園(cnblogs)超級自定義界面

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

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

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

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


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

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

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

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

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

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

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

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章