第四周
date
Apr 24, 2022
slug
week-4
tags
Website
summary
type
Post
status
Published
黑苹果从 Big Sur 升级到 macOS Monterey![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=b944b632-67f2-454b-998a-57344050310e&cache=v2)
在用过随航功能之后在多设备之间互动的体验给我留下了很深的印象。想体验一下早阵子苹果在 12.3 系统中推出的通用控制功能。![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=c9fe6de6-28cd-48cc-93a0-952f98e08ab3&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=c9fe6de6-28cd-48cc-93a0-952f98e08ab3&cache=v2)
桌面无线化改造![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=9f77f4b1-c3de-4cfc-ae66-7e7b3f70c168&cache=v2)
买了一把新键盘 Air75 Wireless Mechanical Keyboard,然后又买了一个新鼠标 Logitech G Pro X Superlight Wireless Gaming Mouse。桌面现在的样子:![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=b03d1b06-7ee8-48c1-b88b-d9496088e9ce&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=b03d1b06-7ee8-48c1-b88b-d9496088e9ce&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff18ed114-9dc1-4370-bb20-ba5832e4c6f1%2FIMG_1966.jpg%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220607%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220607T185309Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3Dde76bc7162ddf0852cffa08a9ba210dd8ebc54703fcf3341dac733f43f29a179%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=8408ba70-463e-4856-87be-e0a22e69e421&cache=v2)
把订阅将要到期的 TextExpander 换成 Alfred 的 Snippets![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=2d10c50c-391f-48af-844e-b4fff3721b0c&cache=v2)
前面之所以订阅 TextExpander 只是单纯的是因为有个比较大的折扣,想趁此机会体验一下这款在这个需求中最成功的一款产品。两年轻度使用下来的感受:这款产品最大的优势是客户端全平台覆盖和团队账户在成员之间共享和同步功能。从官网的也能看出来他们主打的目标用户应该是商务、客服之类性质的工作,这类工作的一部分是有较多的文字工作是样板化的。![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=1eccdcef-2ea4-46b2-959a-75514ff8d84e&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=1eccdcef-2ea4-46b2-959a-75514ff8d84e&cache=v2)
对于写代码的同学其实有很多代替的工具,比如 VS Code 也内置有 Snippet 功能。日常中补全常用的姓名、邮箱、当前时间就使用 Alfred 的 Snippets 功能![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=e349f7e3-7710-464a-bbbe-9c2c9bd2579e&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=e349f7e3-7710-464a-bbbe-9c2c9bd2579e&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F791a2aa5-218a-4a80-96d0-3e1cffcc2241%2FUntitled.png%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220607%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220607T185309Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D651c73ceada127cd51a1ca52f5b02578dfd2b09b1dbf335e8cbac517e7d062a0%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=403360f5-e381-4341-b272-1ddb3a27d69f&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb90d5254-d9d2-4987-b62e-828ee785d361%2FCleanShot_2022-04-24_at_01.36.26.gif%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220607%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220607T185309Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D29a3376ad06a0a66ef95680dcbb49e5771c802a5e7538707f88c167552767726%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=934469f0-13d5-4133-8d04-7ba61562dfea&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=7a35d093-1383-485c-b017-488903ae5ab7&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=7a35d093-1383-485c-b017-488903ae5ab7&cache=v2)
Vim 小技巧 #TIL
把鼠标当前所在的那行滚动到屏幕顶部、中间或者底部。![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=64d0ae64-9551-439f-999f-6eee98faeba7&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=64d0ae64-9551-439f-999f-6eee98faeba7&cache=v2)
在 Vim 的帮助手册里叫:Scrolling relative to cursor![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=457e0c50-f978-4408-acfc-0e0012f2dc66&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=457e0c50-f978-4408-acfc-0e0012f2dc66&cache=v2)
zz = shift current line to middle of screen
zt = shift current line to top of screen
zb = shift current line to bottom of screen
使用场景:日常修改代码时,会在某个文件中去搜索一个关键词(比如方法名、变量名)。但是搜索到的文字可能在屏幕比较靠下的位置,不能很方便浏览它更下面的代码。我们可以使用 `zt` 操作将它滚动到屏幕最上面![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=283f2098-e034-4903-9bd1-659605041d21&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=283f2098-e034-4903-9bd1-659605041d21&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F8bdb902a-33bb-4d31-a38a-b0307737132d%2FCleanShot_2022-04-26_at_03.30.04.gif%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220607%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220607T185309Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D947ef9b3245eacf17dedc189c0eb1842b4cb0118584a971b53b66debe8ca5ef2%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=825a9358-ab1b-4e80-b6c0-afa9cc76e65b&cache=v2)
另外,还是可以通过 VS Code 中的配置项 `editor.cursorSurroundingLines` 来设置距离屏幕顶部的行数![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=9479780f-b62c-4f0f-8d7b-aad6a6fdd495&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=9479780f-b62c-4f0f-8d7b-aad6a6fdd495&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F48ad8135-bbfc-473c-8409-79f166f8917b%2FCleanShot_2022-04-26_at_03.33.562x.png%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220607%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220607T185309Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D5ccf3d78a459254f7113b3a597538dd3555007ce15bdb2b9423f33d236232478%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=27ba395b-8930-494a-8811-ca90e4985ebf&cache=v2)
尝试图床切换为 Cloudflare + Backblaze
最近把自己的图床存储方案从阿里云切换到了 Backblaze,之所以切换主要是因为国内备案太难了,加上最近看到的这篇文章 How we handle 80TB and 5M page views a month for under $400,而且想到自己之前从 Cloudflare 购买了新的域名,索性就尝试、体验一番。![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=736fb507-dfe1-4087-aaf5-54148b6f488a&cache=v2)
![duzhi tan](https://www.notion.so/image/https%3A%2F%2Flh3.googleusercontent.com%2F-jzvPF6JA1sw%2FAAAAAAAAAAI%2FAAAAAAAAAAw%2FASJQLQeuNcM%2Fphoto.jpg%3Fsz%3D50?table=block&id=736fb507-dfe1-4087-aaf5-54148b6f488a&cache=v2)
阿里云 OSS 对象存储
之前使用阿里云主要是因为自己关注的博客中有相关的文章,所以就按流程实际动手了一下。
国内自建图床指南
但是搞到一半发现如果需要国内加速、CDN 的话,不仅需要国内的域名,而且还需要备案 😂
- 域名这个还好办,直接从阿里云购买一个 .cn 域名就行了,价格大概是首年 29元,后面续费就是 39元/年了。
- 域名备案就太难受了,不仅需要购买一个 ICP 备案服务码,而且这个备案码还需要绑定自己的云服务才能使用,也就意味着还需要养一个云服务,这一套流程下来价格实在是太感人了,劝退。
- ICP备案服务码 ¥100 (踩坑了,购买后发现还需要绑定云服务,直接就退款)
- 阿里的云服务器 ¥300多一年
搞到这突然间发现自己好像能理解为什么 CDN、回源等策略可以节省 OSS 图片访问流量了,其实就是用自己购买的云服务器做缓存,然后用绑定自己服务器的域名 (.cn) 做访问中转,以达到节省 OSS 流量的目的,😂 可我就是想用一下国内加速、CDN 而已,就得花这么多钱养着,哎,还是直接包月 OSS 资源套餐吧,加速也不奢求了。
Cloudflare + Backblaze
最近看到还可以有更经济的方案 “Cloudflare + Backblaze”
- Cloudflare Workers 一天 10万次请求 (免费额度)
- Backblaze 前 10GB 存储免费
这已经能满足我自己对与图床的需要了
使用 Backblaze B2 和 Cloudflare Workers 搭建免费的自定义域名图床
uPic 使用 S3 协议上传
由于 Backblaze 还兼容 S3 协议上传,那么还可以配合 uPic 的自定义 S3 协议上传
Getting Started with the S3 Compatible API
![https://static.junanch.com/8rvewt-20220429.png](https://www.notion.so/image/https%3A%2F%2Fstatic.junanch.com%2F8rvewt-20220429.png?table=block&id=22e6dd3a-15c8-441d-9b20-5151449e2dff&cache=v2)
Cloudflare Images
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc86128ad-f404-46a8-8840-6a061d01b043%2FUntitled.png%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220607%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220607T185309Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D8ba0cb502f7870741f3fa659e90e8f7cfb8562f82e36b671f59c2475c2717ade%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=e36c651f-158d-4e9a-9bca-e358c81cfd99&cache=v2)
https://blog.cloudflare.com/announcing-cloudflare-images/
逛着逛着发现了Cloudflare 更新了 Cloudflare Images 这个新功能,之前没注意到。使用 Cloudflare Images 的话,当用户上传一张图片,它会以两种以上不同的格式提供,而且只需支付一张存储图片的费用,而不是七种不同的图片