saber酱的抱枕

已入Fate EXTELLA Steam版

@saber20小时前

07/27
08:42
学习

使用php制作网页端上传文件的功能

以前我网站上的图片是放在七牛图床上的,可以在七牛后台上传文件。但现在我的网站上没有这个功能(我不想用WordPress添加文章时的上传功能),每次添加图片都要远程登录服务器,再把文件放到附件文件夹里,非常麻烦。所以我今天做了个简单的上传文件的功能。

界面很简陋,请勿吐槽=。= 可以上传多个文件。

选择文件:
php 上传文件

上传结果:
php 上传文件

把下面的代码保存成php文件再访问就可以啦~
Read More →

使用php制作网页端上传文件的功能

@saber2天前

07/26
11:06
游戏

卖掉了psv

PlayStation®VITA psv 掌机

我的锁屏壁纸 香香真美~

我的psv是2015年12月买的,当时主要是为了玩空之轨迹fc ev。当时也买了几个游戏的卡带,不过到现在,绝大部分时间小v都是在吃灰。今天fex也出了steam版,我想了想,小v也没啥用了,就在闲鱼上卖掉了。(其实小v上我还在等一个游戏:空之轨迹 sc ev的中文版,但是从买的时候等到现在还是没一点希望)

这一年半就玩通了3个游戏,空轨fc、357、fex。其他游戏都不怎么能玩不下去。毕竟电脑游戏玩起来更爽=。=

我的机子是国行(国行勇士你懂得),而且版本是3.56不能破解,所以价格低迷。一开始挂了700没人要,只有一个人问能不能破解。后来我改到450,瞬间七八个人蜂拥而至,我就卖掉了。虽然可能有点亏吧,不过可能也就亏个百十块。我就没再加价。
Read More →

卖掉了psv

@saber2天前

07/26
02:02
ACG 游戏

Fate/EXTELLA现已登陆Steam

Fate/EXTELLA steam saber 截图 dlc 泳装

泳装saber太美啦!

Fate/EXTELLA现已登陆Steam,国区售价只需119元(本体),DLC每个8元,都是服装。

Fate/EXTELLA虽说游戏类型是无双游戏,但这只是战斗部分。虽然战斗方面被很多人诟病,但是主线支线的剧情是非常棒的,这个价格真的值。

我之前在psv上通关了主线(断断续续的玩,前天晚上才通关主线),但是psv小屏玩着不够爽快,我是国行所以也不能用DLC,这次steam价格实惠,DLC也便宜,所以我果断买了。

本文的图片都是DLC的预览图,泳装赛高!
Read More →

Fate/EXTELLA现已登陆Steam

@saber6天前

07/22
15:03
ACG

e☆ALI-aL! (ありえす渡辺) 东方本子

e☆ALI-aL! H hentai manga ありえす渡辺 东方 同人本 度盘 异种奸 本子 東方project 福利 花食虫 触手 资源 重口 風見幽香

说到花妈与本子,你是否会想起著名的花食虫呢?(花肥预定)

这次的资源是花食虫的作者ありえす渡辺老师的资源。所以内容都比较那啥,你懂得……

未成年请勿入内
Read More →

e☆ALI-aL! (ありえす渡辺) 东方本子

@saber6天前

07/22
13:49
软件

解决了使用https加www访问本站的错误

https://www.saber.love/ (原始输入)
https://saber.love/ (期望的最终结果)

最近不止一个人跟我说访问本站页面出现了404,后来我深♂入了一下,发现出现这些404的情况是上面原始输入里面的情况,url是https协议带www的。

但本站以前设置过把www的转换成不带www的规则,我以为这样的输入应该会被转换为下面的正确形式,但是试了一下果然不行。我一开始以为是重定向规则或者url重写规则出了问题,最后才想起来域名解析这一块。我去IIS里看了看,之前没绑定https协议下的www.saber.love,绑定上就好了。

话说访问本站没必要加www,少敲点字符可以节约生命(+1s)。

解决了使用https加www访问本站的错误

@saber2周前

07/14
03:53
学习

给WordPress文章里的图片添加放大效果

css3 javascript js scale wordpress 图片放大

昨天我在初音社(www.mikuclub.cn)看到了这个效果,有些地方的图片在鼠标经过时会放大,感觉很棒,整个网页似乎生动了不少,今天我也给自己的网站添加上了这个效果。

首先分析一下原理:在图片外层套了一个容器,这个容器和图片大小一样,设置超出隐藏。然后给图片添加上放大效果就可以了。

不过初音社应用这个效果的地方的宽高是固定的,但本站文章里的图片宽高是不一致的,所以需要用JavaScript来设定外层容器的宽高。

实现步骤如下:

首先添加css样式:

.img_scale_wrap{overflow: hidden;} /*外层元素*/
.post_t img{transition:1s;} /*设置过渡时间*/
/*.post_t img:hover{transform: scale(1.2);}*/ /*图片放大规则。但在移动端一些浏览器上,点击图片等同于触发hover效果,所以这句规则可以考虑用js来动态添加,避免在移动端也生效*/

然后添加JavaScript代码:

if (isPC) { // 仅在pc端启用此效果,此处按自己需要处理
    var post_img = document.querySelectorAll(".post_t img"); // 选择所有图片
    if (post_img.length > 0) {
	// 添加鼠标经过图片放大的css规则
	var img_scale_css=document.createElement("style");
	img_scale_css.innerHTML=".post_t img:hover{transform: scale(1.2);}";
	document.body.appendChild(img_scale_css);
        // 给图片添加外层元素
        function set_post_img_wrap(img) {
            var post_img_wrap = document.createElement("div");
            post_img_wrap.className = "img_scale_wrap";
            img.parentNode.insertBefore(post_img_wrap, img);
            post_img_wrap.appendChild(img);
            post_img_wrap.style.width = img.width + "px";
            post_img_wrap.style.height = img.height + "px";
        }
        // 给图片添加事件
        for (var i = post_img.length - 1; i >= 0; i--) {
            if (post_img[i].complete) { // 已加载完成的图片马上进行设置
                set_post_img_wrap(post_img[i]);
            } else { // 未加载完成的图片等到加载完再进行设置,否则获取不到宽高
                post_img[i].onload = function() {
                    set_post_img_wrap(this);
                }
            }
        }
    }
}

本文的代码也可以用在其他类型的网站上,不只是WordPress里才能用。但是移植时要按自己情况修改css选择器和js选择器。

给WordPress文章里的图片添加放大效果

@saber2周前

07/12
07:42
软件

吐槽360

办公室里有个电脑我前几天才重装了系统,很干净的系统,结果刚才那个同事说电脑卡。这才用了三天啊。

我过去看了一眼屏幕右下角,看到了360,就说你把360卸了吧。他不想卸,说卸了也没用。

我和他说,卸了总比不卸好,之后他竟然说:我就是因为电脑卡才装了360。

卧槽他还指望用360加速球(负优化)来加速系统还是怎么的?我无fuck说,只能送他一句:“那随便你吧”,转身走了。

以前我见过有些人,用360的理由是“不用360我用什么杀毒啊”,一幅不知道世界上还有其他杀毒软件的样子。但这么些年了我还是头一次看到有人因为电脑卡主动装了360。就让他这么卡着吧。

吐槽360

@saber3周前

07/9
16:06
软件

IIS的文件防盗链处理

首先安装官方的URL Rewrite Module(URL 重写模块),之后配置检测referer 的规则即可。

配置有两种办法,一个是在IIS 里找到这个URL 重写模块,通过可视化操作设置规则。

另一个办法是直接在网站根目录的web.config 里添加规则。我用的是后一种办法。

在web.config 里添加一条规则:

<rule name="Prevent hotlinking">
	<match url="^.*\.(jpg|png|gif)$" ignoreCase="true" />
	<conditions>
		<add input="{HTTP_REFERER}" pattern="https://simple.com/.*" negate="true" />
	</conditions>
	<action type="CustomResponse" statusCode="403" />
</rule>

这样就ok了。

iis URL Rewrite Module Windows Server 2012 防盗链 referer

如果最后你不想显示403状态码,而是显示一个自定义图片的话,可以把action 改成这样:

<action type="Rewrite" url="/img/bitch.png" />  

如果想要允许复数的referer ,可以把add 规则复制,按自己的需要修改pattern 参数。

Read More →

IIS的文件防盗链处理

@saber3周前

07/8
07:40
其他

七牛图床的文件已经迁移到本站的服务器了

七牛 图片 迁移

前段时间我把网站升级到了https,但是因为图片是放在七牛上的,仍然是http,所以浏览器仍然会显示不安全的提示。七牛配置ssl需要域名做备案,我不想做,所以当时是放着不管了。

但最近考虑到省钱的因素,我决定把七牛上的文件都迁移到服务器里(额外的好处是图片也可以https了)。我现在有两个七牛账号,存储文件达3GB,月流量合集400GB以上,每月流量费用最少100元人民币。我现在的服务器每月流量1000GB,我发现我完全可以把图片放到服务器上,不必额外支付流量费用了。七牛一年的流量费用大约有1000元,但是这个vps一年才400元,流量还用不完,非常的划算。

迁移完毕也花了不少时间,记录一下主要过程。

1.下载七牛的qshell工具,使用qdownload API 逐个空间下载所有文件。
2.下载完成后,为方便调用,将所有空间的文件合并到一个文件夹里,遇到了一些文件名冲突的情况,逐个处理了。
3.到数据库里替换所有七牛域名为自己域名。这一点也挺麻烦的,因为我在七牛里创建的存储空间比较多,每个空间又有多个私有域名,结果写了几十个替换条件。
4.压缩一些体积较大的图片。本站早期的时候我传的很多图片都是高分辨率的,体积很大。我挑选了一些体积大于一定程度的jpg文件批量压缩了下,另外对于少数体积很大的png文件单独处理,先转换为jpg,然后到文章里修改对应的url。处理之后共缩小了0.5GB的空间。
5.图片资源做了防盗链处理。之前在七牛上一直没做也是因为绑定自己的域名必须是备案过的域名,所以没做。现在做了防盗链多少安心了些。

其实本站现在还有个问题,自从网站搬到新服务器上之后一直没有解决。那就是中文tag的分页会乱码,比如福利tag,底部的页码里的tag名字是乱码,我现在还没能很好的解决这个问题。

七牛图床的文件已经迁移到本站的服务器了