博客园的自定义皮肤


博客园的自定义皮肤

在折腾的好一阵之后,慢慢的对于园子的样式定制有了一些心得。最终借助李宝亨大大的牛气自定义皮肤终于翻身做主人了。
感觉好帅的说,下面简单写一下,具体定义皮肤的方式吧。

一、选择博客园模板

要选择一个在默认的模板中,对于样式定义较少的模板,这样才对于我们自定义的样式冲击比较小。毕竟园子现在还没有完全开放样式,模板的定义。除非大牛,将设计的模板上传。

目前被用于自定义样式使用最多的就是“LessIsMore”这个模板了,应该是这个模板中原式的CSS样式非常少吧。

博客园的自定义皮肤_第1张图片

二、设置博文正文的样式

样式定义的一个最重要的部分,就是对于文章内部的样式定义,好的样式定义能够让文章的内容和形式让人看起来更加清爽易懂哦。

在后台的“常用设置”选项卡中,找到自定义正文的样式的地方。

博客园的自定义皮肤_第2张图片

 

加入自定义的CSS代码,并且勾选“禁用默认CSS”

博客园的自定义皮肤_第3张图片

具体代码如下:

复制代码
复制代码

三、设置博客页首的样式

最后一步就是给博客加上一个漂亮的门脸了,需要自定义页眉的样式。同样在样式设置中,找到页眉样式设置的文本框

博客园的自定义皮肤_第4张图片

加上如下代码:

复制代码
复制代码

完成上述工作,保存下,基本上就OK啦,简单吧。最终感谢李宝亨大大,

你可能感兴趣的:(博客园的自定义皮肤)