DDR爱好者之家 Design By 杰米
定制博客界面的核心方法是通过引用我们自己上传的外部JS,使外部JS的代码能在当前博客页面上执行,从而用这个JS修改页面DOM结构(加入新的界面元素,加入引用自定义的CSS,加入新的界面交互功能),然后我们就可以在自己写的这个外部JS里任意发挥了。
在博客园中的博客页面中引用外部JS的方法:
进入博客设置页面->设置->子标题,在这里,你可以输入你博客的一些子标题的内容,同时,你其实还可以输入如下html:
<script src="/UploadFiles/2021-04-02/XXXX">XXXX代表你的JS的绝对URL地址。
所以接下来要做的事是想办法找个地方把你的JS上传上去,然后得到这个JS的链接。正好博客园可以上传文件:
进入博客设置页面->文件
在这个页面,我们可以上传我们自己的JS,然后就可以得到格式为http://files.cnblogs.com/[博客地址]/[文件名]的URL,例如我的博客上实现UI的核心代码的URL是http://files.cnblogs.com/laynelin/UI.JS
顺便多说一句,实际上要打造复杂的界面,你可能需要上传不只一个JS。(当然你也可以考虑到performance原因,将多个JS合并成一个文件,然后再把crunch(压缩)一把。),而且你还需要上传CSS和图片。
CSS也可以用和JS同样的方案上传。但至于图片,强烈建议你用写文章时用到的CuteEditor里的图片上传功能。在那里,可以给图片建子目录,还可以一次上传任意多个文件,非常适用于涉及图片很多的页面定制需求。
说到CSS,由于我们可能会需要完全重写原有的博客页面样式,所以墙裂推荐大家在设置博客页面模板时选择“禁用模板CSS”.
OK,剩下的事情就是大家充分发挥自己的想象力,通过我们自己的JS,打造我们自己的界面结构,并通过自己的CSS和图片进行界面装饰了。
我会在后续文章中陆续跟大家分享一些技术细节。也欢迎大家留言告诉我大家有哪些想知道的技术细节。
来自:http://www.cnblogs.com/laynelin
在博客园中的博客页面中引用外部JS的方法:
进入博客设置页面->设置->子标题,在这里,你可以输入你博客的一些子标题的内容,同时,你其实还可以输入如下html:
<script src="/UploadFiles/2021-04-02/XXXX">XXXX代表你的JS的绝对URL地址。
所以接下来要做的事是想办法找个地方把你的JS上传上去,然后得到这个JS的链接。正好博客园可以上传文件:
进入博客设置页面->文件
在这个页面,我们可以上传我们自己的JS,然后就可以得到格式为http://files.cnblogs.com/[博客地址]/[文件名]的URL,例如我的博客上实现UI的核心代码的URL是http://files.cnblogs.com/laynelin/UI.JS
顺便多说一句,实际上要打造复杂的界面,你可能需要上传不只一个JS。(当然你也可以考虑到performance原因,将多个JS合并成一个文件,然后再把crunch(压缩)一把。),而且你还需要上传CSS和图片。
CSS也可以用和JS同样的方案上传。但至于图片,强烈建议你用写文章时用到的CuteEditor里的图片上传功能。在那里,可以给图片建子目录,还可以一次上传任意多个文件,非常适用于涉及图片很多的页面定制需求。
说到CSS,由于我们可能会需要完全重写原有的博客页面样式,所以墙裂推荐大家在设置博客页面模板时选择“禁用模板CSS”.
OK,剩下的事情就是大家充分发挥自己的想象力,通过我们自己的JS,打造我们自己的界面结构,并通过自己的CSS和图片进行界面装饰了。
我会在后续文章中陆续跟大家分享一些技术细节。也欢迎大家留言告诉我大家有哪些想知道的技术细节。
来自:http://www.cnblogs.com/laynelin
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年04月24日
2024年04月24日
- 郑中基.2002-安可ENCORE新歌精选(引进版)【步升】【WAV+CUE】
- 姚璎格《影》头版限量编号24K金碟[WAV+CUE]
- 刘德华《回家的路》2CD[WAV+CUE][963M]
- F4《流星雨》[FLAC整轨][499M]
- 物华弥新鹿角立鹤厉害吗 鹿角立鹤培养建议分享
- 物华弥新芙蓉炉厉害吗 芙蓉炉培养建议分享
- 星之翼手游新手开荒指南大全 星之翼新手怎么快速上手
- 赵传2014-歌声传情3CD[广东音像][WAV+CUE]
- 江蕙2002-台语典藏系列·黄金版8CD[WAVCUE]
- 薰妮1980-雾里玫瑰[香港永恒真存珍藏版][WAV+CUE]
- 《给他爱5》被移植到NS平台:玩会序章就崩溃了
- 《星刃》MV幕后公开 韩国女星BIBI大赞服装设计
- 日本人妻COS《葬送的芙莉莲》尤贝尔:死鱼眼超还原
- 陈升.2019-七天【新乐园】【WAV+CUE】
- 痛仰乐队.2014-愿爱无忧【禾广娱乐】【WAV+CUE】