博客园样式个性化

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

    具体步骤如下:

    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!

原文地址:https://www.cnblogs.com/lovelyun/p/4769942.html