Cat in Chinese

问题描述 我的博客提供 MailChimp 订阅，大家点击订阅链接后需要转跳到 MailChimp 的页面输入 email。MailChimp 官方提供直接嵌入在网页内的订阅对话框， 我希望读者在博客上点击订阅链接后直接打开对话框，让订阅流程变得更顺畅，这样可能能够提高订阅率...

我从 2018 年 4 月开始用 Patreon，一开始就设立了两档服务，包括 $100 一个小时的 career coaching 服务。我在 2018 年 6 月有了第一个学生，接下来花了一年多的时间，到 2019 年 9 月才把我的五个学生名额招满。我在 9 月 10 ...

最近在和朋友研究做什么样的 podcast（纯音频）节目内容合适，于是分析了一下自己曾经写过的内容哪些比较热门。以下是对我博客园文章的分析，之所以用博客园，是因为那里的人气最旺，所以统计数字更可靠。 首先我们看一下阅读数量的前十： 55722: 面试体验：Googl...

我跟朋友做了一个播客，名叫《牛油果烤面包》。我们两个主持人都是湾区科技行业工作者，我们喜欢在一起聊聊现在的行业趋势，于是我们开了一个播客跟大家一起聊。 我们的第一期节目趁着 Apple Special Event 发布，聊聊我们对 Apple 新品的看法，顺便蹭个热点。以下是...

Echo Auto 暂时还不完全公开售卖，需要向 Amazon 申请邀请，被选中后才能购买。我 2018 年 9 月申请的，等待了差不多一年，上个月终于收到邀请了。Echo Auto 零售价为 $50，我们这种早期用户可以半价购买。 Echo Auto 的安装非常简单。它提...

一年之前我曾经在英文博客发表了一篇《 Divide Notifications into Interrupt, Reminder and Backlog 》，现在我觉得可以补充一下并翻译为中文版。我实际需要解决的问题是信息过载，尤其是手机上各种应用推送而来的信息。很多这些推送...

首先让我来简单介绍一下 Amazon No-Rush 是如何操作的，然后再介绍如何薅羊毛。 假设你在 Amazon 购买的商品符合免费当天、一天或两天送达，在结帐时 Amazon 会让你选择送达速度。你可以选择上述免费快速送达，但你也可以选择一个叫做 No-Rush 的选项...

一年时间过去了，又到了无心工作只想玩乐的夏季。跟去年一样，针对我用过且觉得好用的服务，我提供它们的 referral link，如果你使用它们注册的话，你和我都能获得到一些好处。我会简单介绍每项服务是做什么的以及为何我觉得好用，你可以看看是否符合自己需要。 我今年推荐的服务包...

最近某人要代表学校批量发送邮件欢迎新生，而且有几个特殊的要求： 邮件必须每个人独立发一封，因为给每个人的邮件要正确的称呼这个人的名字。因此邮件必须批量发送，而不能够以 bcc 的形式一封邮件发给所有人。 邮件需要带上附件。 邮件没办法提供「退订」链接。这导致我们不能够使...

如果你是 我的 Patreon 付费读者，你现在可以加入付费读者专属的 Discord 交流群。加入办法很简单：首先，如果你还没有 Discord 帐号 的话可以先注册一个；然后，你可以在 Patreon 的 App 设置页 关联你的 Discord 帐号。接下来 Patreo...

问题现象 我买了新的 Bose QC35 II 主动降噪耳机，买的原因是我老的 QC25 不支持蓝牙且磨损到一定程度了。新耳机到手后，跟 iPhone 配对没问题，但跟我的一台 MacBook Pro 就是无论如何也配对不上。通过跟另外一台 MacBook Pro 配对，证...

为了让 Google 更好地发现和索引我的网站，我会使用 Google Search Console 提交 Sitemap。 Sitemap 本质上是一个 XML 文件，描述网站包含的网页信息，帮助 Google 了解网站上都有哪些网页，以及这些网页的重要程度和更新频率。（G...

网站上线之后，我自然关心访客的数量和来源，于是我决定加上 Google Analytics。同时纯粹出于好奇，我把 Facebook Pixel 也加上了。 Google Analytics 和 Facebook Pixel 都需要插入 JavaScript 到每一个页面上，...

因为我在 上一篇文章 讲 Open Graph 元数据时提到 hreflang ，我可以用这篇文章简单讲一讲如何支持 herflang 。使用 hreflang 好处的是让 Google 知道多个页面其实是同一内容的不同语言版本，这样在用户搜索时 Google 就可以尽量提供正...

网站发布之后我开始做各种细小的优化，其中一项是为网站加上 Open Graph 元数据（ metadata），使得网站在被 Facebook 抓取时能够显示正确的预览信息。（Google 在抓取时也会参考 Open Graph 元数据，虽然 Open Graph 是 Facebo...

最近在写一个新的 JavaScript 库，叫做 dice-chance ，用来分析掷骰子的概率。计划是库写完了就用 PWA 封装一下发布给大家用。因为在写的时候用到了 Flow 做类型声明，所以源代码文件不能不经处理直接被调用，必须经过 flow-remove-types ...

网站整体完成后，我就可以开始做各种小优化了。其中一个优化是使用 responsive image 来适应不同分辨率和不同像素密度的屏幕，用到的是 <img /> 新增的 srcset 和 sizes 属性以及新增的 <picture /> 元素。因...

之前两篇文章讲述了我用 Harp 和 Bootstrap 搭建新版个人网站的过程，执行 harp compile 进行构建，输出的 www 目录就是我们想要的静态网站。我可以找个传统的静态网站 host，然后通过 FTP 这种古老的方式把文件上传上去。然而这真是我在第一篇文章...

配置好 Harp 做静态网站构建后，就可以开始做网页了。上一个版本的个人网站样式是我自己设计的，当年用的还是 Macromedia/Adobe Fireworks，做出来一个 PNG 文件然后导出为不同的小图片。这次我也有考虑过要不要自己重新设计一个新的样式，但考虑到新设计不如解...

根据模板和数据生成静态网站的框架有很多，例如说 Harp 、 Jekyll 、 Hugo 等等。我对比了一下，最终选择了用 Harp，因为它是用 JavaScript 写的，如果我真的需要做什么改动我可以轻易地去改它的源代码。用 Harp 的坏处也很明显，这个项目在 GitHu...