风也雨忆笙

话说我的笔记本电脑也伴随我的大学生活好几年了，逐渐感觉有点力不从心，于是我上个月咬牙买了一根8G的内存条给装上了，现在是16G双通道。不得不说，大内存还是有很多的好处的，我一直以为gta5的地图加载卡顿是我显存不足的原因，直到加了内存条之后才发现是内存不够，hhh。

然而，我又发现一件悲伤的事情，那就是我的电池鼓包了！！！

如果开始注意个人的隐私安全的话，密码的设置与保存则是一个不容小觑的问题，像我们这种常年游荡于互联网的博主，和注册在各种云服务，frp服务以及各大网站之类的站点账号肯定不少，由于自己也是网站的站长，所以基本上知道自己在某些网站的账号以及密码都在站长手中，即使大部分的网站所存储的密码都已经过加密，并且站长自己不会去破译我们的密码，但是会有一些网站不那么的安全，所以，随机密码就显得很重要，那么，有这么一个密码存储平台，岂不是更好？

有很多的博主写文章所使用的图床是基于github的，然后jsdelivr全球加速，由于比较快速并且图片也可以由自己管理，又可以白嫖，所以得到了很多站长的青睐。

但是单个免费版本的仓库却是有容量限制的，据说达到1G的容量之后会收到警告信息，所以为了科学白嫖和图片持久性，我们需要在一个仓库满额之后切换到一个新的仓库。

那么，如何查看仓库已经使用的容量呢？

打开账号设置

首先需要登录账号，点击右上角头像位置，选择Setting

image-20200504085803622

然后会进入到设置页面，点击左侧栏的Repositories

image-20200504085902110

然后找到自己存放图片的仓库，即可看到已经使用的容量大小

在前一段时间，我发布了一篇关于复制内容弹窗提醒的文章，当时使用的是layer，所以它几乎适用于所有的网站，而handsome主题却拥有一个自带的弹窗提示，我们却忽略掉了。使用handsome主题的童鞋完全不需要使用layer来作为提示弹窗，使用自带的即可！

用Layer和jQuery写了一个复制之后版权提醒的弹窗

函数调用方式

通过深挖主题的js代码，我找到了调用的方式

1
2
3
4
5
6
7
$.message({
    message: "这里有我的实验室，子站点，项目展示和联系方式！",
    title: "欢迎来到秘密基地！",
    type: "info",
    autoHide: !1,
    time: "10000"
})

参数

1
2
3
4
5
title：弹窗的标题
message：弹窗标题下方的文字
type: 弹窗类型
autoHide：默认即可
time：停留时间（毫秒，1秒为1000毫秒）

弹窗类型

由于我没有太过于深挖主题的代码，所以目前大概知道有三种弹窗类型：

  1. info

image-20200503090102913

  1. success

    image-20200503090142563

  2. warning

image-20200503090307324

选择自己所需要的弹窗类型，填入type即可。

调用实例

以下是目前本站所使用的调用方式：

网站加载完成并提示来路URL

image-20200503091548331

将以下代码填入开发者设置 》》 自定义输出body 尾部的HTML代码中

注意，要放在广告异步推送代码之前，放在后面可能会影响加载。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>
function kaygb_referrer(){
var kaygb_referrer = document.referrer;
if  (kaygb_referrer != ""){
return "感谢您的访问！ 您来自：<br>" + document.referrer;
}else{
return "";
}}
$.message({
    message: "为了网站的正常运行，请不要使用广告屏蔽插件，谢谢！<br >" + kaygb_referrer(),
    title: "网站加载完成",
    type: "success",
    autoHide: !1,
    time: "5000"
})

</script>

复制成功之后弹窗提示

image-20200503091612184

将以下代码填入开发者设置 》》 自定义Javascript中

1
2
3
4
5
6
7
8
9
kaygb_copy();function kaygb_copy(){$(document).ready(function(){$("body").bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){
$.message({
    message: "尊重原创，转载请注明出处！<br> 本文作者：风也<br>原文链接："+sitesurl,
    title: "复制成功",
    type: "warning",
    autoHide: !1,
    time: "15000"
    })
}}

如果你开启了PJAX，那么需要在主题设置》PJAX》PJAX回调函数一栏内填入以下函数，然后保存即可。

1
kaygb_copy();

独立页面或文章单独调用

此调用方式可实现在文章打开之后弹窗提示，我在我的独立页面秘密基地

中便使用了这种方式，打开页面，右上角会出现一个弹窗

image-20200503091639890

使用时，只需要在文章内插入可执行代码，也就是用三个英文感叹号包裹。

1
2
3
4
5
6
7
8
9
10
11
12
13
!!!

<script>
$.message({
    message: "这里有我的实验室，子站点，项目展示和联系方式！",
    title: "欢迎来到秘密基地！",
    type: "info",
    autoHide: !1,
    time: "10000"
})
</script>

!!!

关于弹窗时间

时间以毫秒计算，1000即代表着1秒，如果我们想让他显示十秒钟，time修改为10000即可！

旧域名不用了，但是还需要设置一下301跳转，因为还有一部分的友链是旧域名链接没有更换，但是单独使用一台服务器来设置301跳转未免有些太浪费资源了，在dns层用url转发又有一些弊端，就是无法使用https，所以我使用了cloudflare的页面规则来跳转，即免费，又稳定，还节约了资源。

使用cloudflare

https://dash.cloudflare.com/

如果有账号直接登录，没有的话注册，登录之后添加域名，然后在域名注册商修改dns地址

image-20200430201755186

生效之后，我们可以看到一排tab组，选择这个页面规则就可以了。

免费的账号只支持3条页面规则，刚刚好够我使用。

上面填入旧域名，下方选择转发URL,301永久重定向，地址填写完整的地址，这样就可以了。


1 / 4