偶尔需要用到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://d.eas1.cn/fRLjfqZi

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

这个有待于折腾,哈哈!

关于写一个typecho主题的想法,也不知道是什么时候冒出来的,可能是因为handsome审美疲劳,抑或是handsome的功能太强大,导致很臃肿的感觉。

目前为止,winds的主要雏形已经出现,但到目前为止并不完善,看着很简单,但是实际开发过程中会发现又有很多的细节问题,关于这个主题,我只想做的简单完善一些,动画不那么的生硬,以展示文章为主。

介绍

WINDS - 如风吹拂!

一款以模糊透明以及卡片化图片展示为主要元素的typecho主题。

部分的样式灵感来源于以下项目以及网站:

Material

https://nekohome.moenya.cat/

https://github.com/DIYgod/hexo-theme-sagiri

首页

首页采用两栏式结构,左侧为文章了列表,右侧为个人信息卡片和文章目录位置。我将所有的圆角元素移除,使得首页看起来方方正正。背景以模糊为主要的基调,不会存在背景影响阅读体验的情况。

侧栏

如你所见,截至2020.04.22,右侧栏并未完善,因为暂时还没有想好令我满意的侧栏样式,这让我一度想放弃加入侧栏,但是最终还是保留了下来,等待以后的样式修改。

文章页面

有换字体的想法,字体大小还需要调整,太小影响阅读,太大的话看着太过于突兀。目前基本的markdown渲染样式已经调整完毕,但并不完美,将再后续继续优化。

文章导读

暂时性的先这样,已经有了新的想法来修改。

评论

评论的样式说不上好看,但确实是清晰可见,哈哈!

搜索

关于搜索,我并没有使用typecho原生的搜索系统,而是采用了插件的形式来完成,一是我懒,二是ExSearch真的很香,采用了缓存的设计不与服务器交互而在前台实现搜索,即减轻了服务器的负担,又很美观好看。关于插件具体内容查看:https://blog.imalan.cn/archives/261/

返回顶部

可能是因为我实在是太懒,也许我技术太差,所以返回顶部的方式还是采用了插件的方式。有个萌萌哒的妹纸在旁边默默的看这你,你忍心返回顶部让她消失嘛?

MoeTop

唠叨

当然,这些并不是最终的样式,因为我也是第一次写typecho的主题,而且技术也不是有多厉害的样子,我只是尽我最大的可能将这个主题完善起来。目前这个主题只能说是距离能用还是有一段距离的。

环境

以下是感谢名单:

开发环境

  • phpstudy集成环境
  • VSCode
  • windows 1909

前端框架以及部分开源项目

  • bootstrap
  • jQuery
  • font-awsome
  • highlight.js
  • highlightjs-line-numbers.js
  • fancybox
  • jquery_lazyload
  • jquery_pjax(试验中)

插件

返回顶部:MoeTop

ExSearch搜索:ExSearch

预览地址

访问记得CTRL + F5强制刷新一下哦,因为样式会有所更改!

[button color=”success” icon=”” url=”https://winds.eas1.cn" type=””]https://winds.eas1.cn[/button]

我会将最新的开发进度放在这个地址,希望大家有什么好多想法或者意见直接在反馈页面评论,感谢!

由于每个人的审美情况不同,所以大家理智反馈哦!

下载安装

目前还未完成,所有并没有开放下载地址,放心,这个主题我是已经打算开源的,等待我把主要的布局完善起来,还有细节优化一下,大家就可以在我的GitHub仓库看到源码了。

不管最后有没有人用,我都不会在意,我只是希望我在博客圈的这些日子能留下一点东西。

近期发现deeping更新到了20beta,作为国内linux的希望,当然要下载下来尝试一下喽!据官方的介绍,内核分别升级到Debian 10和Kernel 5.3,加上重新的界面设计,带来了更好的稳定性能。从官方的介绍来看,主要添加了大量的圆角元素,设计平滑自然。

下载

https://www.deepin.org/download/

安装

先在虚拟机里面尝试安装体验一下。首先打开我珍藏许久的virturlbox,类型选择linux,版本选择debian64.

分配4g内存(为了流畅运行)

然后其余的默认就好,在创建虚拟硬盘这里给大一点的空间,我就30g吧,因为以前安装貌似最少需要16g

然后它就躺在我们的列表里面了,在启动之前,我们还需要稍微设置一下,保证开机之后的流程运行,点击设置,在系统里面分配4个cpu处理器,这个具体数量按你的电脑配置来。

然后开个机吧!

启动点击选择盘片,点击注册,找到我们刚刚下载好的iso。

然后点击选择

点击启动

然后等待安装。。。

居然需要64G的空间,千算万算却又失算!

修改磁盘大小

保存之后再次启动。

然后去泡杯咖啡,顺便记单词,又写了会作业。

体验

如果出现无法启动,反复安装的情况,只需要移除虚拟盘即可。

登陆页面很好看

由于我的误操作,不能安装增强功能,只能将就着看啦

依旧是很好看的终端

多窗口模式

总之一点就是界面很好看,性能这个问题,由于是在虚拟机里面,体验不出来,大家想尝试的话可以全盘安装体验一下,不过毕竟是beta版本,所以还是不建议生产环境使用。

很早就发现了阿里云控制台有个云命令行的选项,一直不知道是什么玩意,无意间打开看了一下,发现真的是一个linux系统。

文档:https://help.aliyun.com/document_detail/90256.html

通过查看使用文档发现这个真的是一个好东西

云命令行(Cloud Shell)是网页版命令行工具。您可以在任意浏览器上运行云命令行管理阿里云资源。在云命令行启动时会自动为您分配一台Linux虚拟机供您免费使用。在该虚拟机上预装 python、java、nodejs 环境和 aliyun CLI、curl、ssh、kubectl、fun、terraform、ansible 、vim 等多种云管理工具和系统工具,配合Cloud Shell提供的Web IDE,辅助您完成日常的云资源管理。

就是一台免费的虚拟机,里面的文件存储都是永久性的,并且带有预置的代码编辑器,不免让我想到之前使用的腾讯云CloudStudio。

代码编辑器

支持部分的开发语言,其实预装也是有git的。

使用Aliyun CLI来管理云资源

在 Cloud Shell 中,可以直接输入 aliyun 来使用

1
aliyun

这个功能可能以后可以用的到,不过咱也不是专业做运维的,所以很多功能其实用不掉云命令行来处理,哈哈

使用限制

作为静态博客生成器

云命令行支持存储空间的挂载,会挂载到一个阿里云NAS,如果使用云命令行安装HEXO生成静态文件到阿里云NAS,然后可以通过NAS同步工具同步到OSS,将OSS作为静态博客站点,不知道这样算不算滥用,哈哈!

如何打开云命令行

登陆控制台之后在右上角就可以看到图标啦!

最近一段时间有点忙碌,主要是开始着手开发一款属于自己的typecho主题了,有着wp主题ease的经验,相信这次应该也可以更好的收场。

但是我却被CSS的模糊折磨了我好几个小时。。。

高斯模糊

我是挺喜欢高斯模糊的样式的,追溯到很久很久以前,miui6的模糊真的是让人眼前一亮。

css也是支持图片模糊的,并且实现也非常的简单,使用filter属性即可。首先,我们来看看filter到底是什么:

filter 属性定义了元素(通常是)的可视效果(例如:模糊与饱和度),说白了就是给图片加个滤镜。如果你不知道啥是高斯模糊,没关系,你一定见过某些H图片被模糊掉的地方。

语法什么的直接参考菜鸟教程:https://www.runoob.com/cssref/css3-pr-filter.html

重点来了,我通过使用backdrop-filter:blur(10px);来为我的图片背景添加模糊效果,

这样给我带来了很好的视觉体验,在我调整好样式之后准备下一步的工作,我发现了一个问题,就是FireFox不支持这个属性。也就是说我新写的内容在它那里完全无效。

然后我就奔溃了!闲着没事开发那么多浏览器内核干嘛?? ::tieba:Y.tb8::

解决方案

删掉body的背景图片,然后设置了一个div,内部放上一张图片作为网站背景图,并设置z-inde属性。

然后直接使用filter属性即可。

最后效果是这个样子