前言
写文章想要配图,但是懒得挑图?
网页背景千遍一律?
最早的时候,经常听说“漫月API”,就很好奇这个是什么东东,因为“漫月”一词勾起了我的好感……
在学长最初布置博客的时候,写文章都会挑选一张图给配上,避免页面太过单调,虽然学长我主张简洁、单栏展示的网页界面,但还是觉得有那么点缀还是舒服点呢 ~
于是,就有了自己的私用随机图服务了。
还是老样子,把代码整理一番,放到 GitHub 上面去……
特性
- 完全隐藏图片文件的真实地址
- 支持调用域名白名单
- 支持多文件夹分类目录
- 前端调用支持使用随机数载入
部署
- 下载代码,解压至你域名文件夹根目录
- 开启 Apache 或者 Nginx 的伪静态功能
- 访问:你的域名/images
- 大功告成
配置
打开 images.php 文件,添加域名白名单与默认文件夹即可。
照葫芦画瓢,不用多说了吧。
多文件夹说明:
第二个文件夹无需配置,直接使用 URL 传递参数即可。
比如:
默认文件夹的分类,调用的域名是:“ 你的域名/images ”
其它文件夹的分类,调用是域名是:“ 你的域名/images/文件夹名 ”
注意!
若要使用随机数调用,必须启用 Apache 或者 Nginx 的伪静态功能,否则空白输出。
Nginx 用户需要手动添加 nginx.conf 文件里面的伪静态规则到你的域名配置中去……
使用随机数载入的情况通常在一个页面多次调用随机图的时候,比如首页文章列表,否则图片都是一样的。
随机数载入方式:“ 你的域名/images?随机数 ” ,就是原有 URL 上添加一个英文问号和任意随机数。
示例:
<img src="https://acg.sx/images">
<img src="https://acg.sx/images/acg">
<img src="https://acg.sx/images?d8c196951e5bbf3edd158de4">
<img src="https://acg.sx/images/acg?9f0d34f8ee6f96b56d8902d1">
项目演示:https://acg.sx/images
项目代码:https://github.com/galnetwen/Random-Image
该随机图代码由 karnc 提供与帮助,谢谢他!
叨叨几句... 81 条评论
背景图太花影响阅读![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_045.png)
@无人小站![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_008.png)
![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_010.png)
PC端目前就这样了,背景在透明和阅读方面做了居中的选择……
之前的大白背景看腻了。
@后宫学长![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_010.png)
白色都能看腻
@无人小站
觉得有点单调了啦。
不过反正后台可以自由选择。
我这修改的主题,就是删除了你现在使用的图文风格。![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_010.png)
![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_002.png)
你要不也试下。
@后宫学长![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_010.png)
我拒绝
@无人小站![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_002.png)
嘤嘤嘤。
@后宫学长![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_010.png)
一拳一个嘤嘤怪
点进来发现背景图是我一直用作首页的一张图,老实说是不是偷我图了
@无人小站![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_002.png)
![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_002.png)
我背景400张图哎。
不可能一张一张偷的,都是一包一包拿的。
@后宫学长![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_010.png)
呸
@无人小站![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_002.png)
那唯一的可能是,我和你用的是相同的图包。
可以更改下风格。这样太乱了。
@devoted![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_021.png)
你是说我博客现在的风格吗?
哇,你这评论一多,就分不清是谁回复谁了,赶紧加个框吧你
@littleplus![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_005.png)
左边不是有根线吗……
dalao分享一下壁纸库吧,你的红宫真好看。。。。![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_002.png)
@True![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_010.png)
这是自己收藏的图包,不是哪儿的壁纸库啊……
@后宫学长![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_002.png)
分享一下dalao图包
浏览器无法缓存,所以我还是选择 location 301 跳转,隐藏真实 URL 感觉意义不大。![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_002.png)
![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_059.png)
上一个自己的。
项目地址
@Mashiro![](https://haremu.com/wp-content/themes/Siren/OwO/images/emoticon_010.png)
缓存我倒是觉得不需要了,因为重复刷到一张图的几率比较小。