文憨子
拥有一颗伪文艺的少年,专注于记录和分享小思绪。
文章117 浏览40968

为Zblog博客添加好看的背景图。

  因为一直在使用必应的每日一图作为某些页面的背景图,当然必应每日一图的质量的确也是十分高的,所以今天就想用必应每日一图为博客添加一下背景图,当然仅供参考,毕竟我只是分享,参考两篇文章杰新博客的必应壁纸接口以及记磊博客的网站背景代码分享

  那么我就先COPY一下杰新大佬的接口说明吧:

第一种,默认什么参数都不带,得到的是:当日的必应壁纸文件地址。

接口栗子:http://api.neweb.top/bing.php

第二种,参数为rand,得到的是:近8日内的随机壁纸文件地址。

接口栗子:http://api.neweb.top/bing.php?type=rand

第三种,参数为future,得到的是:明日的必应壁纸文件地址。

接口栗子:http://api.neweb.top/bing.php?type=future

第四种,参数为date,后面数字可以是0、1、2、3、4、5、6、7.分别代表今天、昨天、前天、(以此向前推进)

接口栗子:http://api.neweb.top/bing.php?date=1(昨天为例,其他自己测试)

第五种,待续。。。(欢迎评论里留言)(评论留言建议请到杰新大佬哪里,已做跳转,点击即可。)

  现在开始说明这个该怎么来搞(这里参考记磊博客文章,):

当然下面这段代码依赖当前主题的.css主题样式表,需要找到样式表添加一下代码。

background-image: url("这里填写的杰新的必应图片api地址");
background-repeat: no-repeat;
background-position:center 180px;
background-attachment: fixed;

PS:上面代码设置的属性是固定浏览器的排版方式,图片不重复,宽度居中,距离顶部180个像素。图片宽度和距离顶部距离可以更具实际的情况进行调整和设置。最后保存css样式表。然后就大功告成了。

最后编辑于:2019/01/06作者: 文憨子

发表评论