手机版

创建cnblogs的超级定制界面

时间:2021-10-25 来源:互联网 编辑:宝哥软件园 浏览:

定制博客界面的核心方法是使用自己上传的外部JS,让外部JS的代码在当前的博客页面上执行,然后用这个JS修改页面的DOM结构(添加新的界面元素,添加引用自定义CSS,添加新的界面交互功能),然后我们就可以在这个自己编写的外部JS中自由的播放了。在blog park的博客页面引用外部JS的方法:转到blog设置页面-设置-子标题,在这里可以输入你的博客的一些子标题的内容,同时实际可以输入下面的html 3360 script src=' http : XXX ' xxxx来表示你的JS的绝对URL地址。

所以接下来要做的就是找个地方上传你的JS,然后获取这个JS的链接。正好,博客公园可以上传文件:转到博客设置页面——文件在这个页面上,我们可以上传自己的JS,然后我们可以得到http://files.cnblogs.com/[博客地址]/[文件名]格式的URL。比如我博客上实现UI的核心代码的URL是http://files.cnblogs.com/laynelin/UI.JS(9501 . 163.com)。

顺便说一下,事实上,要创建一个复杂的界面,您可能需要上传多个JS。(当然,您也可以考虑性能原因,将几个js合并到一个文件中,然后压缩)。),还需要上传CSS和图片。也可以使用与JS相同的方案上传CSS。但是关于图片,强烈建议你在写文章的时候使用CuteEditor中的图片上传功能。在那里,可以为图片建立子目录,一次上传任意数量的文件,非常适合涉及多张图片的页面定制需求。说到CSS,因为我们可能需要完全重写原来的博客页面样式,Wall Crack建议大家选择“禁用CSS模板”。设置博客页面模板时确定。剩下的就是你充分发挥你的想象力,通过我们自己的JS来构建我们自己的界面结构,通过自己的CSS和图片来装饰界面。我将在后续文章中与您分享一些技术细节。也欢迎你留言告诉我你想了解的技术细节。来自:http://www.cnblogs.com/laynelin.

版权声明:创建cnblogs的超级定制界面是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。