博客园样式个性化

    虽然博客园有主题可以选，但是，作为前端工作者，当然还是要个性化主题的啦，下面就讲一讲如何把博客园首页个性化。

    具体步骤如下：

    1、进入  【管理>设置】，禁用模板默认CSS；

    2、打开firefox浏览器，利用firebug查看博客园首页的html结构；

    3、根据html结构添加样式，直接把css样式写到“页面定制CSS代码”下面的文本输入框；如下图所示：

    4、添加header的html代码，如下图所示：

    5、添加footer的html代码。如下图所示：

    6、保存。OK啦！就这么简单是不是？嘿嘿……

P.S.

1、所有的css都写在第三步所示的输入框里；

2、关于图片，可以选择上传到【文件】或【相册】里，点右键选择“复制链接地址”就得到该图片的绝对地址了。

如果上传到【文件】里，如下图所示，只能是gif格式，改格式的时候直接改图片文件名的后缀会造成颜色变化，可以通过photoshop另存为gif格式；

如果上传到【相册】里，那么在用的时候不要repeat,为什么呢？你可以自己试一试。

3、主题模板一定要选好，否则改样式的时候会很烦躁，一个好的模板改起样式来有种事半功倍的感觉，大赞LessIsMore!