自定义背博客园博客背景图片

      ♦版权声明：本文为博主原创文章，未经博主允许不得转载。

      当我们自定义博客园博客，更换背景图片时，由于我们无法使用自己计算机的本地图片的url,所以只能使用已在网上的图片URL，第一种办法，是通过上传头像获取，然后审查元素，获取图片网络url，但是有局限。第二种，在博客园写一篇随笔，里面上传多张背景图片，审查元素(或查看页面源代码)，获取图片的地址。第三种，将背景图片上传到博客园相册。

       附加：博客采用SimpleMemory 模板

      第一种方法：不推荐，这里不介绍详细步骤。

      第二种方法：

       第一步：

       打开随笔，查看页面源代码，找到图片，获取图片的网络地址。(几次修改随笔内容后，获取的图片网络地址信息仍然不变)

      

      图片1：

       http://images2015.cnblogs.com/blog/1062569/201611/1062569-20161115122914232-1696133774.jpg

      图片2：

       http://images2015.cnblogs.com/blog/1062569/201611/1062569-20161115133642967-917095151.png

      图片3：

      http://images2015.cnblogs.com/blog/1062569/201611/1062569-20161115144517373-907041704.jpg 

     

      第二步：

      博客园->我的博客->管理->设置->页面定制CSS代码->敲下你修改CSS代码->保存。

     

         源代码：

           #blogTitle {

                                     height: 120px;

                             clear: both; 

                                     background-image:url("http://images2015.cnblogs.com/blog/1062569/201611/1062569-20161115122914232-1696133774.jpg");

                                     background-position:center;

}

 

      背景图片1：

      

       背景图片2：

      

 

          背景图片3：

       

     第三种方法：

     第一步：博客园->我的博客->管理->相册->看到如下界面

    

      第二步：点击管理图片

    

      第三步：双击要选择的图片，进入如下界面

     

       第四步：右键页面，查看页面源代码，可发现选择的图片地址，如下

       

         图片地址：http://images.cnblogs.com/cnblogs_com/dandelion-felicity/910314/o_9db6a2bf43f781c91ab2695edab5f692.jpg

         如果，想要下载到本地计算机中，右键地址，打开新标签，再将显示出来的图片，右键另存为即可下载。

 

          原文出处：http://www.cnblogs.com/dandelion-felicity/p/6065197.html

      

 

 

        

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有