首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Hexo博客 | 采用随机图片作为博客封面背景,真香!

最近美化了一下我博客首页,每次打开会随机选择一张图片作为封面 说明 本文是以我现在使用Ayer主题为例 步骤 第一步 找到对应封面的代码位置 例如,ayer主题位于hexo\themes\ayer..._config.yml,修改cover项,例如我是 # 封面配置 cover: enable: true num: 8 #随机封面数量,前num张 path: #path可以任意修改...和path均可以任意修改,例如,如果想要减少对应图片数量为4张: cover: enable: true num: 4 #随机封面数量,前num张 path: #path可以任意修改...img1: 换上自己图片url1 img2: 换上自己图片url2 img3: 换上自己图片url3 img4: 换上自己图片url4 logo: false #如果不要直接设置成...false 如果你想要自定义其他,步骤和我这篇文章一样,只需要找到对应代码位置,一般在layout和source里面,再修改就行了,注意ejs用法 下一篇文章想要介绍博客添加告示板

2.4K10
您找到你想要的搜索结果了吗?
是的
没有找到

获取Bing图片作为WordPress等网站首页背景

必应搜索图片是什么这里就不说了,昨天渣渣龙在群里艾特要我把Bing每日一图作为网站背景图 我所使用C7V5主题首页确实有一个大图,我经常换图也是从Bing历史图中获取到好看图片,保存得到 这个功能还是很简单...,看一下CSS,直接在header中增加行内样式就可以替换首页背景图 那就写一下吧,最近Bing又换了图片链接格式 作死获取 每次有请求,就去获取一下Bing接口,直接引用Bing图片地址 虽然我有使用方糖每天推送一次...Bing 图片,但是也就访问一次,影响不大 但是这样每次有访客就请求一次Bing接口,这样感觉迟早会被ban掉IP,所以不作死就不会死吧 function get_bing_img() { //...$today.'.jpg'; } return $src; } 获取图片任务完成了,怎么在页面获取呢 加在需要设置背景地方就ok了,更多WordPress代码段见Github 仓库

1.2K10

html背景图片设置宽高_网页背景图片怎么设置

大家好,又见面了,我是你们朋友全栈君。 1.背景图片插入方法 行内样式插入背景图: 在css样式表中引入背景图 注意:设置背景图片元素一定要有具体宽度和高度,否则会导致背景图片无法显示 2.背景图相关属性设置 2.1 background-size...,背景图不会产生缩放,会被裁切 容器空间大于图片时,在不缩放前提下尽可能多重复图片 当容器空间大于图片时: div{ width: 1000px; height...,缩放背景图至容器大小(非等比例缩放) 容器空间大于图片时,随着允许空间在尺寸上增长, 被重复图像将会伸展(没有空隙), 直到有足够空间来添加一个图像....规定了指定背景图片background-image 属性原点位置背景相对区域。

5K10

图片在线处理背景怎么改白色 学会图片背景好处

在我们日常生活中,办理证件对照片背景图颜色要求是不一样。有的照片是需要蓝底背景图,有的需要白底,还有的照片是需要红底。但是当我们只有一种背景颜色照片应该怎么办呢?...我们可以保存之前拍照电子版照片,然后直接在线处理图片背景就可以了。接下来我这边教大家图片在线处理背景怎么改白色。 PS修改图片背景方法 我们可以利用PS巧妙更改图片背景颜色。...最后一种方法,如果我们背景图是纯色的话,我们可以直接用魔棒选择Delete删除,按下ctrl+backspace(退格键)就可以完成背景更改了。图片在线处理背景怎么改白色方法方便又简单。...学会图片背景颜色好处 我们学会图片在线处理背景怎么改白色后,就不用花钱重新去拍照片了。学会图片背景方法,以后我们就能随时更换图片背景颜色啦。对我们工作也有很大帮助。...上面的内容是对图片在线处理背景图怎么改白色方法介绍,通过以上内容学习,如果对图片在线处理背景怎么改白色你还有不理解地方可以关注我们为你解答哟。

1.6K20

CSS从基础到熟练学习笔记(三)CSS中5种背景属性(背景颜色、背景图片、固定背景图片等)

CSS背景属性用于定义元素背景效果,常用有5种背景属性:背景颜色、背景图片背景图片重复展示方式、背景附着方式以及背景位置 background-color background-image background-repeat...body元素背景颜色: body { background-color: lightblue; } 颜色表示方式也有3中,具体可参见RGB颜色对照表以及详细介绍CSS中三种颜色表示方式 背景图片...background-image CSS通过background-image属性指定元素背景图片。...语法background-image: url| none| initial| inherit; 属性值: url(‘URL’) 背景图片地址,多张背景图片可以使用逗号隔开 none 默认值,无背景.../20161118220122095"); } 背景图片显示方式background-repeat CSS通过background-repeat属性指定背景图片展示方式。

1K10

获取产品图片白色背景方法3

第一个是正常照明物品图片,而第二个(蒙版)仅与产品轮廓有关。为了实现高对比度蒙版,要使用强背光,使产品在背景光中变得非常暗。...需要注意是,在拍摄两张照片时,不要移动物品,保证两张图片里物品位置、摆放一致。在自动后期处理中,蒙版和第一张照片叠加使您可以轻松剪切掉背景。...产品通过蒙版与背景分隔开来,背景可以用您想要任何颜色或图案进行随意替换。在软件 - 硬件集成解决方案中,例如Orbitvu解决方案,该过程是自动执行:从拍摄照片和蒙版到应用程序中背景去除更换。...用户能够微调蒙版形状并操作目标背景属性。该过程从几秒钟到几分钟不等,显着加快了白色背景产品摄影速度。基于蒙版背景去除 - 优点和缺点优点:非常精确 精确是这种方法主要特征。...电子商务企业不断寻求降低摄影过程时间和金钱消耗,同时迎合各大电商平台要求,使用白底图片,而这正是自动化设备所可以提供。企业可以获得抠图完好白色背景图片,且所拍摄镜头都具有可重复性。

63200

用于移除图片背景 Web 应用:Clipping Magic

从一张图片中获取某个元素,并移除其背景,是要花费挺多时间,如果不会使用 Photoshop 的话,可能这个工作就完成不了,现在,有款叫做 Clipping Magic Web 应用,可以帮你快速移除图片背景...,让你轻松从图片中获取你所要元素。...Clipping Magic 使用异常简单,直接上传或者通过拖动上传图片之后,在图片编辑页面,使用绿色笔选择所要元素,使用红色笔去除背景,真如 Clopping Magic 名字所说一样,它是有一定魔法...,不需要太精确,只要标注大概位置或者色块,它自己会识别边界,基本上已经符合了你需求,然后细微调整一下即可。...当然还可以设置背景是否透明,或者设置颜色,还可以设置边界模糊度等。总之简单试用下就知道它强大之处了。 访问:Clipping Magic。 ----

36520

css只设置背景图片半透明,css 设置背景色或图片半透明方法(图文)

大家好,又见面了,我是你们朋友全栈君。...css设置背景颜色半透明或者设置背景图片半透明,但有的时候只需要设置最外层div为半透明里面的内容不需要设置 下面介绍一下这两种情况 1.设置html元素你面内颜色和图片都为半透明状态支持IE浏览器...progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);/*#7F000000前两位为...16进制透明度,后六位为16进制颜色*/ } 下面给出上面两种情况测试代码: 设置背景半透明 .bg1{ background:#000; opacity: 0.5; filter: progid...16进制透明度,后六位为16进制颜色*/ } aafaa sdfsd red aafaa sdfsd red css背景半透明设置效果图如下

2.5K10

必应首页平铺背景图片实现方案

近期某个项目中需要实现以下需求: 保持背景图片原始宽高比; 如果屏幕宽高比与背景图片宽高比不一致,则以图片中心为基点等比缩放背景图片,以适应屏幕尺寸。...以上需求原则就是始终保持背景图片宽高比,居中等比缩放填满屏幕。 我们知道background-size: cover;是在背景图片保持原始比例基础上,等比缩放覆盖背景区域。...但是缩放基点是左上角(0,0),并不是居中缩放。这样机制下,屏幕显示始终是背景图片左上部分,并不能满足项目的需求。...请注意背景区域bgDiv并没有max-height限制,这是因为不论什么尺寸屏幕,都要保持背景图片宽高比。...媒体查询超出边界值屏幕下,背景图片宽高限制在图片原始尺寸,这是为了不拉伸图片造成失真,超过1920×1080屏幕始终居中显示原始图片尺寸。

1.8K50

🥬 🐶uniapp学习之🦌 【提取图片主题色生成背景

我想实现类似QQ音乐的如下效果 图片 背景色是根据海报主题色生成,最后经过了高斯模糊。 刚开始考虑用js去实现,js肯定是可以实现但是尝试了几次效果不是很好。...rgb 颜色 作为一个初级程序员‍来说,对rgb颜色并不是很了解,特意去查了一下。 rgb 分别带表 red green blue 三基色。 每个色阶 都是 0~255,代表亮度。...js读取本地图片生成canvas 我先尝试了在文件夹 html文件中读取文件夹中图片。...图片宽度 px height:图片高度 px path:返回本地图片路径 type:返回图片格式 orientation:返回图片方向 【写法】 uni.getImageInfo({...将处理之后rgb颜色返回到前端,前端做为背景色后再使用高斯模糊。

2.5K20

利用 canvas 实现背景图片和其他图片以及文字组合生成新图片

预览世界效果图如下: 注:以下图片中,二维码部分是我动态生成,以及姓名和工号位置参数需要动态替换。   实现思路: 利用 canvas 实现在面板上画图以及绘制文字等等。...if(qrcode==null){ //qrcode 页面定义二维码图片 DIV qrcode = new QRCode(document.getElementById("qrcode"...关于图片合成逻辑: //绘制新图片 /** * picDivId 渲染新图片容器 id * ewPicUrl 二维码图片src * cardno 和.../assets/img/manager/qrcode_bg.jpg"; //背景图片,本地或在线皆可 // 跨域,必须 myImage.crossOrigin =...'Anonymous'; // 使用imgonload事件 myImage.onload = function(){ // 画布定义自己要插入图片

37021

使用 SVGeneration 生成 SVG 格式背景图片

首先先来了解一下 SVG ,SVG 意为可缩放矢量图形(Scalable Vector Graphics),SVG 很早之前就有,但是随着 HTML5 再次流行起来了,因为它是矢量,并且是一堆标签和属性值来构建...比如用 JavaScript 生成矢量图片,还可以被 JavaScript 控制产生一些交互和动画;用来做 @font-face 一种字体格式等。...SVGeneration 这个工具,就是用来快速方便生成 SVG 格式图片,通过他们设计好方案,调整尺寸、大小和颜色,就可以生成 SVG 图片和一段 CSS 代码。...直接将这段 CSS 代码插入到你网站中,就可以应用这个 SVG 作为背景图片了。目前已经有了 60+ 套设计,肯定有你喜欢,马上来试试吧! ----

75520
领券