给你的CSDN博客增点色

来源:互联网 发布:网络割接的原则 编辑:程序博客网 时间:2024/05/16 06:40

相比较于其它的国内技术博客网站,CSDN博客页面给我们自己编辑的地方少之又少,除了几个简单的模板,也看不到那里有可以自定义的地方,当然这是指除了你写的博客以外!

首先,打开 ”我的博客“ 页面;


可以看到,这几栏中给我们自由活动的、能修改页面样式主要是 ”博客配置“ 这一栏,它提供了几个模板,但是并没有自定义模板,很无赖;

但是,在 ”博客栏目“ 中它还是还给了我们一小点点编辑样式的权利的;下面我们就一起来看看。

1、自定义栏目

可以看到在最下方有个 ”添加栏目“ 的功能,我们可以通过它来满足一些自己与众不同的需求;



2、限制

有自由就一定有约束,而且这约束还很多;下面列一下我找到的:

最多添加3个自定义栏目,这就意味着我们只能挑重要的来添加,不能太放肆;

内容添加字符不能超过2000个

不能再内容中添加 “<script></script>” "<style></style>" “<link/>”,这些在生成过程中都会被删除,所以样式就只能写行间样式了,这对于2000个字符的限制就更严重了;

对 CSS3 样式不支持,你所添加的 CSS3 样式会全被删除;

不能添加外网站的图片,这个是最严重的,还好能解决;

3、解决办法

下面就给一下添加的代码:

<ul class="panel_body"><marquee style="width:210px; height:40px"><div align="left"></div><center><font face="黑体" color="#008000" size="4"></font></center><div align="left"></div><p><font color="#ff6600" size="4">致柯南与灰原哀</font> </p></marquee><br><a class="attent" id="span_add_follow" title="[加关注]"><img alt="柯南" src="http://img.blog.csdn.net/20170522182723274" width="100%"></a><br><br><marquee style="width:210px; height:40px"><div align="left"></div><center><font face="黑体" color="#008000" size="4"></font></center><div align="left"></div><p><font color="#ff6600" size="4">致柯南与灰原哀</font> </p></marquee><div style="position:fixed; bottom:0; right:0; z-index:1000"><div style=""><img width="250px" height="230px" src="http://img.blog.csdn.net/20170522185702097"><br></div></div></ul>

效果就是我博客中这样的;

图片的添加方式就是:


上传图片,但不插入,然后用上面给的网址作为 img 的 src,这样就算完成了;其实主要是添加图片,其它的如滚动文字、QQ聊天链接都比较简单实现!