之前买的主机一直在闲置着,还有域名也是买来吃灰,然后我就突然有了灵感,弄个淘宝客网站吧,哈哈!
然后就搭建成功啦!所以说,今天的这一篇文章其实是打个广告。

地址:https://www.wgb.ink/

没有备案,QQ已经报红了,其实是很安全的站点,微信目前可以正常打开,也可以扫描网页版上的二维码下载安装安卓APP客户端

正好想购物的可以先去里面看一下有没有商品的内部优惠券,领了之后还是在淘宝里面付款哦!

我的Wiki站点是使用Maverick构建的,因为使用了github action,所以不需要在本地安装各类复杂的环境,在网页端配置好仓库之后,clone到本地就可以直接开始写作了。写完推送通过action自动构建生成静态页面,然后发布到github pages。

然后目前WIKI站点稳定运行在腾讯云开发:
https://wiki.eas1.cn/

如你所见,本站换上了属于博主自己开发的主题,当然,目前还是半成品啦!

关于主题

名字是WINDS,取自昵称第一个字,希望您在打开网站的时候,有如风吹拂的感觉(现在还不行,哈哈)!

当然,现在依旧是未完工的状态,只是我觉得在实际上线的状态下才能发现这个主题的不足,所以我也希望大家能在访问的时候,多多提一下意见。

从开坑到现在,大概过了一个月的时间,她是我很用心做的一款主题,当然,我也希望我能够一直维护下去!

主题文档

没有文档的开源项目都是耍流氓!(当然,我之前写的好多东西都没文档 ,哈哈)

文档已经放置在了我的wiki站点:WINDS使用文档

安装使用

目前已开源,基于MIT开源协议。目前源码开放下载,由于是测试版本,所以没有release

WINDS项目地址

最新的预览站:winds.eas1.cn

下一步优化

  • 文章目录(现在的太烂)
  • fancybox和lazyload冲突
  • 部分的样式bug
  • 写一个非常好看的侧边栏样式
  • 优化一下现在的评论样式
  • 想起来再说。。。

最后

如果这个主题没有人用的话,那就说明,我是独一无二的,哈哈哈!

偶尔需要用到OCR识别软件,复制一下文档内的文字啊之类的,然后我就发现了一款很简单的OCR识别软件——白描。界面没有广告,还是很清爽的。而且会员也不贵,可以直接买断,想比较扫描全能王每个月几十块钱的价格来说,非常的实惠了。并且功能也较为全面,支持图片转文字OCR,PDF文档扫描 。

以下是官方的介绍:

软件介绍

白描,像猫一样灵动的 OCR 扫描识别神器。具备高准确度的文字识别、文字翻译、表格识别转Excel、文件批量扫描等功能。

精准的图片转文字功能

采用高精度文字识别引擎(OCR),拍照取字准确度业内领先。手写字识别也有高准确度,可识别中文简体与繁体字、英文、德语、法语等语言。在准确的前提下,你还能自由选择识别区域,高效不止一点点。

快捷的表格识别

图片表格再也不用手打录入了,扫描表格后,在顶部将扫描类型转换为表格后,即可自动生成可编辑的电子表格。

文档轻松扫描

文件扫描自动检测边界,支持多种色彩模式切换。快捷生成 PDF,替代传统扫描仪。

批量处理,事半功倍

批量扫描图片,批量文字识别,批量色彩切换,批量生成 PDF,节省时间不止一点点。

连接电脑,大屏操作更方便

通过连接相同 WIFI 网络,配对手机与电脑,从电脑浏览器向手机传输图片,手机识别后,自动将结果显示在电脑浏览器中,大屏编辑就是这么畅快。

自定义快捷指令(仅 iOS 系统)

唤醒 Siri,让它传话给「白描」帮你做些什么吧!
Hi Siri,识别最近图片……
Hi Siri,批处理最近图片……
Hi Siri,翻译剪贴板中的文字……
……

体验

它算的上是一款很小巧的识别软件,没有广告很清爽的感觉。打开就直接是选择图片识别的界面,还可以直接拍照识别。
[album type=”photos”]

Screenshot_2020-05-10-17-41-11-236_com.uzero.baimiao
Screenshot_2020-05-10-17-41-55-505_com.uzero.baimiao

[/album]

拍照识别

拍照识别有个功能很不错,可以直接识别身份证,再也不用去特意切边啦!
Screenshot_2020-05-10-17-43-43-491_com.uzero.baimiao

WIFI传图识别

白描支持WIFI传图识别,我觉得这个真的是它的特色的地方了,有的时候用的到的话,感觉是很方便的一件事情了。

Screenshot_2020-05-10-17-43-08-258_com.uzero.baimiao

优惠

免费的用户每天可以识别5次,对于偶尔用一下的朋友来说也算是够用了,如果经常用的到的话,可以直接购买黄金会员,而且价格也不贵,只需要30元就可以买到终身的黄金会员,且没有任何的限制。

image-20200510175458594

APP内的价格是30元,可以前往数码荔枝购买优惠码,终身的黄金会员20元就可以买到了。

image-20200510175754285

优惠码购买地址:https://eas1.cn/go/baimiao/

有很多的博主写文章所使用的图床是基于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即可!

很多人都知道chrome浏览器在断网之后会出现一个恐龙快跑的小游戏,偶尔划水玩一下还是很不错的,当然,微软的新EDGE浏览器也加入了一款游戏,叫做网上冲浪。

玩法

首先你需要一个新EDGE浏览器,目前我使用的是DEV版本,然后在浏览器地址栏输入:

edge://surf/

玩法很简单,开局使用左右方向键选择喜欢的人物角色,按下空格键即可开始游戏。

三个红心代表着可以撞到三次障碍物,红心,没了游戏就会结束。

如果你来到了章鱼怪兽的领地,它还会过来抓你!

可以在右上角选择游戏模式,目前有三种玩法。

image-20200501102739469

跳板可以让任人物飞起来,并且加快速度。

按下上方向键居然还可以停下来休息!

image-20200501103524424

最后

这个和小恐龙游戏相比,玩法比较多,而且还有一些小小的彩蛋,为对于上班摸鱼划水族来说,还是蛮有意思的哈!

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

使用cloudflare

https://dash.cloudflare.com/

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

image-20200430201755186

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

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

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

腾讯云开发提供了免费的静态网站的托管服务,同时近期举办了一个活动,为技术站点和博客站长提供9.9元包年的申请。据群里所说这个服务提供了100G的空间和500G的CDN流量,怎么看都比较划算。

不过由于使用的是腾讯的CDN,所以需要你拥有国内的备案域名。

以下的内容主要是云开发,虽说可以写php函数,但是并不能使用php建站,有需求的朋友可以访问以下链接来参加腾讯云的最新活动购买很实惠的服务器。

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元

【腾讯云】新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。

如果你没有腾讯云的账号,建议先注册账号,然后点击以下链接申请

https://cloud.tencent.com/product/wh

申请之后审核还是很快的,基本上当天就能通过。

免费额度

如果不想申请9.9包年的话,默认的免费额度是1G的空间和5G的流量,超出的部分付费。不过对于小站来说,写写文字的话应该够一个月使用。

使用

创建环境

我已经审核通过了,不过官方还未告知如何付费9.9元来使用那个付费包,我先用免费空间作为演示。进入云开发新建环境,名称随意,点击开启唯一的一个免费资源(不开启就是按量付费哦),我已经创建过了,所以这里无法勾选。

开通之后我们可以在环境总览看到免费额度的使用量

然后我们点击静态网站托管。如果你使用过HEXO之类的静态博客程序的话,你应该可以很容易的明白部署的方式。

绑定域名

创建服务之后,点击上传文件,我将之前写的个人主页放在这里测试了一下。

在设置里面可以看到默认的测试域名,我们可以点击访问然后测试一下页面是否正常。

虽说速度很快,只是因为这是一个很小的单页,不过还需要绑定域名,点击下方的添加域名,然后稍等一会可以看到CNAME 地址,这个解析方式是和部署CDN是一个道理,所以大家不会的可以搜索我以前的文章。

绑定之后等待生效即可。

高端操作

云开发提供了nodejs的SDK文档,我们可以通过SDK上传文件到云存储。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 初始化
const tcb = require('tcb-admin-node')
const fs = require('fs')

const app = tcb.init({
env: 'xxx'
})

exports.main = async (event, context) => {
const result = await app.uploadFile({
cloudPath: 'test-admin.jpeg',
fileContent: fs.createReadStream(`${__dirname}/cos.jpeg`)
})

console.log(result.fileID) // 输出文件ID
}

然后群里也有大佬给出了使用GitHub action的方式来玩转云开发:

https://mp.weixin.qq.com/s/2C4rdL54t2Fov4Tws_x4-w

这个有待于折腾,哈哈!