自定义 Chrome 浏览器滚动条
简介 chrome 内核浏览器提供了一些选择器来允许你修改滚动条的部分样式。 图形 选择器 /* 滚动条 */ ::-webkit-scrollbar {} /* 滚动条-按钮 */ ::-webkit-scrollbar-button {...
简介 chrome 内核浏览器提供了一些选择器来允许你修改滚动条的部分样式。 图形 选择器 /* 滚动条 */ ::-webkit-scrollbar {} /* 滚动条-按钮 */ ::-webkit-scrollbar-button {...
无法提供摘要。这是一篇受保护的文章。
在上节课中,我们学习了 if 判断,如果布尔表达式成立,就执行后面的代码块。 假设,if 判断后面的布尔表达式不成立,我们想要执行另外的代码块,这该怎么办呢? 在图例中,我们使用了两个 if,来保证对比情况都会有对应的输出。 为了更便捷地写...
在上节课中,我们学习了布尔表达式中的布尔数、比较运算和逻辑运算。 如图所示,布尔表达式表示了两类结果, True 还是 False。 相信你肯定有这样的疑问,这些布尔表达式有什么作用呢?其实,主要的用处是在判断语句中。 判断在计算机世界里无...
前三天,我们学了字符串、整型、浮点型这三种数据类型。今天我们将学习最后一种数据类型:布尔型。 Tony支付宝余额是1000块钱,那么“Tony支付宝余额是1000块钱”这个描述就是真的;而“Tony支付宝余额有2000块钱”这个描述就是假的...
在昨天的课程中,我们学习了字符串和变量。今天为大家讲解新的知识点——Python中的数字,是如何处理的。 Python中,字符串用来表示文本,用什么表示数字呢? 整型就是整数的数据类型,用来表示整数的。 整数在Python的世界中,和数学中...
本课目标 在昨天的课程中,我们打开了编程世界的魔法盒,今天我们继续在 Python 世界里遨游,学习字符串是如何存储和输出的。 字符串,顾名思义,就是一个个字符的组合,字符可以是一个数字、一个字母、一个文字,甚至是一个符号。 它的特点非常鲜...
首先,让我们思考一个问题,编程是什么? 编程是人类与电脑沟通的过程,可以告诉电脑做什么以及怎么做。人类用编程构建数字世界,比如网站、App、办公软件等等。 世界上有很多种编程语言,Python 具有其简洁优雅的语言特性以及强大的功能。 Py...
CSS3 中的@font-face提供了自定义字体的功能,可以使网页不局限于用户系统中的字体。 然而理想很丰满,现实很骨感。 像英文这类的语言来说,字体文件包含非常少的字符,所以一个字体文件会非常的小。 我随便下载了几份英文字体 英文字体大...
当你的域名交易6-10天后,Dynadot短信提示你费用到账你的DY账户后: 登录您的Dynadot账户。 Select "Payments" from the left-side menu bar and click "Payout Lo...
info.plist
中定义(不分大小写)。在安装应用程序后,应用程序会解析 info.plist
,如检测到 CFBundleURLTypes
,则将对应的 Schemes
注册至系统。如有应用程序通过 [[UIApplication sharedApplication] openURL:url]
打开了 URL,系统会对照已经注册的 Schemes
启动相应应用程序。
/private/var/containers/Bundle/Application/××/××.app
;info.plist
,打开大小最大的文件;Root
,展开 CFBundleURLTypes
,展开 Item ×
,找到 CFBundleURLSchemes
;Item
,无语意项可不改;schemes:
或在 Safari 中输入 schemes://
(部分 url 备忘录不生效)。
如:weixin:
、mqqapi://
。
wexin:
、wechat:
微博:weibo:
QQ:mqqflyticket:
、mqqapi:
、mqq:
、mqqopensdkapi:
、mqqOpensdkSSoLogin:
、mqqapiwallet:
、mqqopensdkapiV2:
ㅤㅤㅤㅤ
。
( )
首先打开 Telegraph Image ( https://github.com/cf-pages/Telegraph-Image ) 这个 GitHub 仓库,点击 Fork
,
打开 Cloudflare Workers & Pages ( https://dash.cloudflare.com/fc2f4521ece03536e1cab6e95d6c32cf/workers-and-pages ) 页面,没注册的注册一下就好,这里就不赘述了,点击 创建
按钮,
Pages
页面,选择 连接到 Git
,按照提示选择需要连接的 Git 仓库,也就是我们在第 1 步 fork 的 Telegraph Image
仓库,然后点击 创建
保存并部署,
接下来,你可以绑定自定义域名,也可以使用 Cloudflare 给你分配的默认域名,以绑定自定义域名举例,输入自己已经注册好的域名或子域名,然后点击继续即可,
比如说,我注册的域名是 abc.com
,那么在这里我可以输入 img.abc.com
,这样很清楚就能知道这是一个跟图片相关的域名
然后等待自定义域名生效即可,注意:如果你的域名已经托管在 Cloudflare 里,那么这里域名绑定完,它会自动修改 DNS 记录,
4、开启图片审查功能【可选】不需要图片鉴黄功能的可以跳过这个步骤,如果你还想要开启 图片审查
功能(鉴黄),那么你需要去 ModerateContent ( https://moderatecontent.com/ ) 注册一个账号,然后获取一个免费的用于审查图片内容的 API Key,
如果你没有进行第 4 步操作,那么这一步也可跳过。否则,继续往下看,
点击设置,然后在如下图所示位置,添加变量,变量名称为:ModerateContentApikey
,然后值填入你刚刚从第 4 步获得的 API Key,
默认是关闭的,如果需要开启,前往 Cloudflare Dashboard,先创建 KV 命名空间,空间名称可以自定义,如:img,
设置 -> 函数 -> KV 命名空间绑定 -> 添加绑定
,然后输入变量名称,选择刚刚创建的 KV 命名空间,变量名为:img_url
,
然后记得把上图所示的 默认 改成 智能 ,
接下来,依次点击,设置后台管理的用户名和密码,依次添加以下两个变量
- BASIC_USER:后台管理页面登录的用户名,如:user123,
- BASIC_PASS:后台管理页面登录的密码,如:pwd123
点击 部署,找到所有部署里最新一次部署记录,然后点击 ...,点击重试部署,等待部署完成就大功告成了,
选择上传图片
或者直接粘贴你刚刚复制的图片即可,
几个信息:
- Label 标识只有开启了第 4 步中的图片审查才会显示,
- ListType 表示图片当前是否在黑白名单中,
- None:既不在白名单也不在黑名单中,
- White:在白名单中,
- Block:在黑名单中,
- 如果为某些图片开启了白名单,那么加入白名单的图片会绕过图片审核的 API 结果,
- 删除图片:这里删除完只是在图片后台管理不再显示,但因为我们图片上传后是存储在 Telegraph 的服务器上,所以图片依然可以正常加载。
缺点
- 无限图片存储,
- 无需购买服务器,用量不超过 Cloudflare 设定的免费额度,完全免费
- 无需购买域名,直接使用 Cloudflare 分配的域名即可,
- 可以在后台对图片进行管理
- 上传的图片大小最大为 5MB,
- 免费额度为每日 100,000 个请求,上传或加载各算一次请求,超过后可选择付费套餐,
- 开启图片后台管理功能,Cloudflare KV 每日只有 1000 次的免费写入额度
不过,个人使用的话以上免费额度完全够用了。
Optimized by WPJAM Basic。