十一月的日常瞎搞总结

[begin]十[/begin]一月又下旬了啊……

时间过的总是这么快。

这个月大概做了下面这几个事情:

  1. 站点搬了个新家,再次落户阿里云,不过是国际版哒!3.75刀新加坡节点1C1G 2T流量电信CN2 GIA香的不行!
  2. Sakura主题更新到了3.3.2……然后好像出了点兼容性问题(音乐播放器会出现白色超高的框……)又回滚到了3.3.0……
  3. WordPress更新到5.3,因为怀疑主题出现了兼容性问题同样回滚了5.2,后续再观望观望叭。
  4. Sakura主题自己动手加了个第一屏用于下滑的小箭头……这个有机会我详述叭折腾了我一下午……@%!?……

接下来要进入漫长苦逼的学习期了……尝试考研,四级嗷嗷待哺……啊头痛QAQ【

十月

这个月过得是相当颓废……

进入大三了,学渣一个。四级这个学期要过掉【是的渣渣如我现在还没过四级】

家里人想让考研……完全无从下手。

这个吊车尾的成绩……考研真的有希望吗?

迷茫,

迷茫。

复现Mashiro大佬博客首页的波浪动画效果

Sakura这个博客主题算是心头的一个白月光了

从第一次造访2heng.xin,到现在已经大半年,但是即使到了今天,打开博客,第一屏跃入眼帘的时候,那种震撼感依然存在。

公开的主题Sakura和Mashiro主站有一些差别,比如说,没有这个很令我心水的波浪动画,哈哈。

自己动手,丰衣足食咯,然后我就开始尝试复刻,就有了今天这篇文章。

最初–Javascript照抄

说来惭愧,最初是直接把主页源码把那段JS代码直接抠了下来……

两片波浪图嵌在ID为Banner_wave_1/Banner_wave_2的两个DIV中。

具体CSS:

//不用复制这两段代码,后面有更完整的。
#banner_wave_1 {
    width: auto;
    height: 65px;
    background: url(https://cdn.qnight.ink/blogfile/wave1.png) repeat-x;
    _filter: alpha(opacity=80);
    position: absolute;
    bottom: 0;
    width: 400%;
    left: -236px;
    z-index: 5;
    opacity: 1;
    transiton-property: opacity,bottom;
    transition-duration: .4s,.4s;
}
#banner_wave_2 {
    width: auto;
    height: 80px;
    background: url(https://cdn.qnight.ink/blogfile/wave2.png) repeat-x;
    _filter: alpha(opacity=80);
    position: absolute;
    bottom: 0;
    width: 400%;
    left: 0;
    z-index: 4;
    opacity: 1;
    transiton-property: opacity,bottom;
    transition-duration: .4s,.4s;
}

Js代码我……忘了保存了呜呜呜呜更新了新版本的Sakura没保存那段【反正我也用不上了】

好了本Part完。

使用CSS3 Animation复现

直接扒Js代码固然省时省力……【省嘛?好像没有吧,当初扒的时候眼睛都快瞎了】

但是Js似乎不是每次都起作用……

【好像现在打开Mashiro大佬的博客那两段波浪也不动了……】

然后我就自己用CSS3 Animation 重写这个动画。

CSS如下:

#banner_wave_1 {
    width: auto;
    height: 65px;
    background: url(https://cdn.qnight.ink/blogfile/wave1.png) repeat-x;
    _filter: alpha(opacity=80);
    position: absolute;
    bottom: 0;
    width: 400%;
    left: -236px;
    z-index: 5;
    opacity: 1;
    transiton-property: opacity,bottom;
    transition-duration: .4s,.4s;
    animation-name: move2;
    animation-duration: 240s;
    animation-fill-mode: backwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#banner_wave_2 {
    width: auto;
    height: 80px;
    background: url(https://cdn.qnight.ink/blogfile/wave2.png) repeat-x;
    _filter: alpha(opacity=80);
    position: absolute;
    bottom: 0;
    width: 400%;
    left: 0;
    z-index: 4;
    opacity: 1;
    transiton-property: opacity,bottom;
    transition-duration: .4s,.4s;
    animation-name: move2;
    animation-duration: 160s;
    animation-fill-mode: backwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

//move1和move2只是方向不同,根据喜好自选即可。
//没做浏览器适配,具体哪些浏览器会生效未知,反正Chrome没什么问题。

@keyframes move1 {
  100%{
    background-position: 100% 0;
  }
}

@keyframes move2 {
  100%{
    background-position: -100% 0;
  }
}

波浪图片可以自己保存但是不要直接引用……叭,一分CDN流量一分钱啊TAT

图片是从Mashiro大佬的博客里扒出来的……看HEXO主题那边用上了(呜呜呜Hexo分支那边好多样式我其实更喜欢),想来这边应该也能用叭,ORZ如果不能用的话我一定立刻删除QAQ。

两个DIV的穿插位置

在路径/wp-content/themes/Sakura/layouts下,打开imgbox.php。在下面所述位置插入。

……
<style>.header-info::before{display: none !important;opacity: 0 !important;}</style>
<div id="banner_wave_1"></div><div id="banner_wave_2"></div>    <!--两个DIV插在这。-->
<figure id="centerbg" class="centerbg">
<?php if ( !akina_option('focus_infos') ){ ?>
    <div class="focusinfo">
        <?php if (akina_option('focus_logo')):?>
……

站点搬迁到香港新界CMI机房

因为急于给海外的Storage VPS加一个好一点的反代【没反代的时候速度60kb/s伤不起啊呜呜呜呜】
然后开始艰辛的找机过程。
然后无意间发现这家:企鹅小屋-qexw
香港CMI线路居然有足足900G的流量!(双向计费)
虽然只是个百兆口
但是!!!它打六折!!!!!
价格折扣后54r/mo让我差点想丢掉手里的搬瓦工39.99刀套餐……
【300G流量差评,延迟差评】

虽然说CMI线路可能没CN2 GIA那么稳定,但是香港地缘优势巨大,
一个字,香!
一个字,买!
然后……现在已经搬迁完成啦!XDDDD
{{weixiao}}
跑脚本的时候没有截图,IO平均150~160MB/s
ping值的话大部分在50~70ms上下。【江西地区】


最后附上优惠码:(看他家这机型貌似就剩一台机了,不过这个六折优惠码全场通用!很香!)
bestcheapvps-6

博客折腾记录_20190811

[begin]可[/begin]能有人发现我的博客有点不太对劲?【我觉得可能没人发现,哈哈】昨晚被自己的一波智障操作给骚到了,非常尴尬,差点自闭。[toc]

【手机码字,没有表情包,冷漠.jpg】

令人窒息的升级过程

在申请到qnight.ink的备案后,我把这个域名解析到了这里。打算抛弃原有的qianjiuye.hsk.la,毕竟太长了。解析改完然后想了想,自己这台香港阿里云轻量服务器上只挂了一个博客感觉人间不值得,就打算弄多站点玩玩。
然后
尼玛
看着Apache一团乱糟糟的配置我陷入了沉默,当初小白瞎折腾也不管事后影响多大能跑起来就行不管三七二十一病急乱投医结果搞得Apache配置文件我自己都不知道哪是哪,,,,然后又发现服务器里居然同时有php7.0/7.2/7.3……我当初在干什么啊喂!
而且
系统居然没选ubuntu18.04而是16.04卧了个大槽!【这是重点】
随后我把Apache彻底卸载,各类php也一并清除,考虑到mysql还配置的比较能看懂【胡说,你根本看不懂mysql,离开pma你什么都不会!冷漠.jpg】就保留了mysql,然后装了一个宝塔面板【方便我这种渣渣后续管理网站】,更新内核和软件(update&upgrade)
然后默默摁下了do-release-upgrade
一顿似乎很剧烈的操作过后

成功的
打不开SSH了
【沉默是今晚的玖夜】

然后我个傻逼跑去阿里云链接……失败
【我一直以为阿里云轻量管理面板里的[概览]里的链接远程服务器就是紧急救援的VNC……好了我知道我是瓜皮了不要打我了呜呜呜呜呜QAQ】
当时嘀咕着[哦豁完蛋了这下彻底崩了]然后一边摁下了快照回滚,,,
哦豁完蛋,事前没备份!快照是一个月前的!!!
【被自己傻哭了】T﹏T
唉……将就着用吧,我默默的启动了回滚
然后就成了你们现在看到的这个博客,快照是7月11的【哭唧唧】

服务器环境改变&升级ubuntu18.04

生命不息,折腾不止。
反正回滚都回滚了,要不再升级试试?
୧((〃•̀ꇴ•〃))૭⁺✧
当然,这次采用了一个更为彻底的方式
反正只有个博客,,我就把博客直接打包下载下来啦!
然后PMA把数据库导出来
重!装!系!统!
暴力升级18.04哈哈哈哈哈哈哈
我真是个天~才~【醒醒,2床的吃药了】
反正有宝塔加持,,那就用nginx叭!正好补偿一点点宝塔带来的资源占用。
所以现在我所有的机器都是宝塔LNMP环境了!(๑•̀ㅂ•́)√
啊感觉大脑负担降了好多【智商下降了好多ORZ】
这台服务器:
ubuntu 18.04 LTS 64+nginx 1.16+mysql 5.6+php7.1【这个版本比较省心】+phpmyadmin

大功告成!

哦对了还改了解析,国内解析又拍国外解析Cloudflare,美滋滋!୧((〃•̀ꇴ•〃))૭⁺✧

《水上灯》——这是我第一次接近破万的翻唱,纪念一下

《水上灯》翻唱

B站:https://www.bilibili.com/video/av53649275/
网易云:https://music.163.com/#/song?id=1367786208
A站:https://www.acfun.cn/v/ac10256103

简介(从B站直接复制了):
翻唱:千玖夜
混音:月饼煎鱼

已换源,感谢卡哥授权的原版PV!!

最早是听蛀牙版本入的坑!然后听本家感觉【哇,竟有这般神仙男子!】别说了我要疯狂循环了噫呜呜噫
性感up在线毁歌!捣鼓了一个下午出来成品惨不忍睹!
点名 @月饼煎鱼
混音大手拯救我!!!!出来的效果我自己都恍惚!
噫呜呜噫都是大佬

本家文案:

水上灯(Braska原创概念专辑《伍觉》火元素主题曲)

【文案】
1920年早春,水上灯生于汉口。那时的她,有一个名字叫做:水滴。
十五年后,一出《宇宙锋》,汉剧舞台上,她大放光明。
水上漂来一盏灯,打落一枝玫瑰红。她赢了所恨,却也输了所爱。她爱的人因她而死,她恨的人家毁人亡。
纠结什么?原谅什么?忘却什么?牢记什么?
最后只有水,在时间之下漾起微波。
“总而言之,我不能跟这个世界合流。”
而永恒的岁月面前,沉默万千灯火。

【Fire & Fight】
我要讲一个有关火焰的故事。
火焰活在灯中,漂在水上,沉眠于时光之下,栖居于灵魂之上。
它挣扎,灼烫,升腾,反抗,燃烧成一生一次独属于己的模样。
我要你从你自己的心中,看穿它狂舞飞扬,听清它毕驳作响。
Fire & Fight,
或明烈,或消亡,却是生命中不可或缺的力量。

Braska原创概念专辑《伍觉》先行单曲,火元素主题曲《水上灯》,全能型创作音乐人Braska携手著名词人Vagary共同创作出这首糅合了流行、国风及戏曲元素的歌曲,歌曲取材自方方长篇小说《水在时间之下》改编京剧《水上灯》,戏腔部分唱词改编自汉剧《宇宙锋》,借对汉剧名伶水滴一生的描写,与专辑中的火元素精神所赞颂的“燃尽生命的执着”相结合,为大家带来了听觉与心灵上的双重震撼。

作曲/编曲:Braska
作词:Vagary
和声:Braska
混音/母带:Braska
录音师:Braska
制作人:Braska
录音棚:D.O.J Studio
插画:修竹
视频:暴风雪瑞瑞
出品:晋昕音乐

【存档】走入你的良夜(周更/持续更新)

猫耳在线:https://www.missevan.com/mdrama/drama/22623

走入你的良夜

第一期
Staff
原著:秦三见
策划:清慕【优声由色】
策导:清杳【翼鸣爱音社】
编剧:秋小叶儿【翼鸣爱音社】
美工:尚之【特邀】
后期:故安【KA.U】
宣传:千玖夜【剪刀剧团】
PV:鑫仔【翼之声】
题字:渺尘【DL_工作室】

Cast
唐泾川:栀夏洋司【翼之声】
水航:小苒【剪刀剧团】
周晓云:静水【翼之声】
报幕:冬冬【涅槃工作室】
龙套+群杂 爪子【昆仑班】、洪sang、櫻小撩、非菩儿【纸上生】、清觞【KA.U】

第二期
制作组
策划:清慕【优声由色】@清慕慕
策导:清杳【翼鸣爱音社】@清杳杳
编剧:秋小叶儿【翼鸣爱音社】@安待神归
美工:尚之【特邀】@尚之RAE
后期:故安【KA.U】@一只霸王龙_aaan
宣传:千玖夜【剪刀剧团】@即是千玖夜
题字:君清然【故人旧梦】
PV:叶晗霜【平笙小筑】

配音组
唐泾川:栀夏洋司【翼之声】@栀夏洋司
水航:小苒【剪刀剧团】@rainbow苒
周晓云:白鸦此去【KA.U】@白鸦此去
报幕:冬冬【涅槃工作室】@cv冬冬
秘书:Linky【剪刀剧团】@果宝Linky
唐妈妈:阿冬冬的冬【翼鸣爱音社】@阿冬冬的冬
唐爸爸:蓝染【翼鸣爱音社】@蓝子衿
医生:爪子【昆仑班】@未爪子
龙套:爪子【昆仑班】&清觞【KA.U】@道道尔海豹
& 洪sang@一只超超超大狮子
& 樱小撩@秒速五公里的樱花
& 非菩儿【纸上生】@一只小飞扑

第三期
制作组
原作:秦三见
策导:清杳【翼鸣爱音社】@清杳杳
编剧:秋小叶儿【翼鸣爱音社】@安待神归
美工:尚之【特邀】@尚之RAE
后期:故安【KA.U】@一只霸王龙_aaan
宣传:千玖夜【剪刀剧团】@即是千玖夜
题字:九思【特邀】
PV:九思

配音组
唐泾川:栀夏洋司【翼之声】@栀夏洋司
水航:小苒【剪刀剧团】@rainbow苒
报幕:冬冬【涅槃工作室】@cv冬冬
秘书:Linky【剪刀剧团】@果宝Linky
龙套:爪子【昆仑班】

第四期
制作组
策划:清慕【优声由色】@清慕慕
策导:清杳【翼鸣爱音社】@清杳杳
编剧:秋小叶儿【翼鸣爱音社】@安待神归
美工:尚之【特邀】@尚之RAE
后期:故安【KA.U】@一只霸王龙_aaan
宣传:千玖夜【剪刀剧团】@即是千玖夜
题字:君清然【故人旧梦】
PV:叶晗霜【平笙小筑】

配音组
唐泾川:栀夏洋司【翼之声】@栀夏洋司
水航:小苒【剪刀剧团】@rainbow苒
周晓云:白鸦此去【KA.U】@白鸦此去
报幕:冬冬【涅槃工作室】@cv冬冬
秘书:Linky【剪刀剧团】@果宝Linky
唐妈妈:阿冬冬的冬【翼鸣爱音社】@阿冬冬的冬
唐爸爸:蓝染【翼鸣爱音社】@蓝子衿
医生:爪子【昆仑班】@未爪子
龙套:爪子【昆仑班】&清觞【KA.U】@道道尔海豹
& 洪sang@一只超超超大狮子
& 樱小撩@秒速五公里的樱花
& 非菩儿【纸上生】@一只小飞扑