现象

当小程序中使用第三方字体时，在 iPhone 11 和 iPhone 12 机型下

• 中文字正常
• 英文字和数字，居中和右对齐异常

这个问题只能在几个特定的机型下出现，不用第三方字体也没有这个问题，安卓机型和开发者工具也重现不了，甚至 iPhone 12 mini 用同一版本也不能重现。

微信版本：7.0.18
小程序基础库：2.14.0
iOS：14.2

这未免也太奇怪了。

腾讯云云开发云函数的文档中写道——

不同的云函数可以共用代码文件（目录）吗
未上线

如果是简单的云函数，这一点还能接受，在开发 Twikoo 评论系统的过程中，云函数要实现的 API 越来越多，逐渐让我发现了它的弊端：

1. 大量的代码复制！
2. 版本管理非常不便！
3. 依赖管理非常不便！
4. 一次要部署十来个云函数，很麻烦！
5. 每个云函数都有独立的冷启动时间，很慢！

显然违反了开发的 DRY 原则，这迫使我开始思考解决方案。

正常的思维是，一个 API 写一个云函数，如果将云函数合并，用一个云函数实现不同的功能，能否解决这样的问题呢？

背景

工作上正在开发的一款小程序，需要链接到京东购物的一个活动页面。经过搜索发现，除了在小程序内嵌 Webview，小程序内不能直接跳转一个网页，但是京东也是有自己的小程序的，我们可以跳转到京东的小程序吗？查找文档发现可以用 wx.navigateToMiniProgram 打开另一个小程序。

1
2
3
4

wx.navigateToMiniProgram({
  appId: '', // 要打开的小程序 appId
  path: '' // 打开的页面路径，如果为空则打开首页
})

现在需要的就是京东小程序的 appId 和活动页面的 path 了！

一番操作后，我发现微信 APP 上既不能获取到小程序的 appId 也不能获取到活动页面的 path，若要获得这两样东西，得开启调试才行，想开启调试，至少要成为小程序开发者……

京东小程序的开发者，我怎么可能拿得到嘛，我连他们的开发者都接触不到！

方式

添加 2 个文件

1
2
3

module.exports = {
  extend: '@vuepress/theme-default'
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<template>
  <ParentLayout>
    <template #sidebar-top>
      <div>My custom sidebar-top</div>
    </template>
    <template #sidebar-bottom>
      <div>My custom sidebar-bottom</div>
    </template>
    <template #page-top>
      <div>My custom page-top</div>
    </template>
    <template #page-bottom>
      <div>My custom page-bottom</div>
    </template>
  </ParentLayout>
</template>

<script>
import ParentLayout from '@parent-theme/layouts/Layout.vue'

export default {
  name: 'Layout',
  components: {
    ParentLayout
  }
}
</script>

评论系统一直是静态网站的痛点。

• Valine：安全性不高
• Gitalk：需要评论者注册Github
• Disqus：需要注册，国内访问不畅
• 畅言：广告多，需要验证手机号

难道就没有一个完美的方案？

在咕咕咕了近三个月后，我自己搞出了一套评论系统，并命名为 Twikoo。

• 成本上，腾讯云云开发环境可以免费搭建
• 安全性上，使用腾讯云云函数开发接口，不开放一丁点数据库权限，未来更新将接入 Akismet 反垃圾检查
• 易用性上，支持点赞、邮件通知、微信通知（限博主），未来会增加更多玩法

欢迎访问 twikoo.js.org 了解更多。

前言

AyagawaSeirin 提出了一个 Valine 隐私安全漏洞，发送请求中响应内容明文暴露评论者IP、邮箱等隐私内容，所以我就去查了一下 LeanCloud 文档，发现可以手动更改字段权限，但是，如果设置 mail 客户端不可见，将不会显示评论者的 Gravatar，转为显示默认头像，因为原版是取到明文邮箱后再转 MD5 取头像的。想到的解决办法是新增一个可见字段存储 mail 的 MD5，需要改 Valine 源码，还需要处理现有数据。

以下是我实现的魔改版本，基于 Valine.min.js 版本 1.4.14 修改。该魔改版新增一个可见字段（mailMd5）存储 mail 的 MD5，并提供了脚本处理现有评论数据。

夜间模式已经实现很久了，当初有人跟我讲，可以增加一个按时间切换的功能。

直到我在无意间查看 Reabble 阅读器的 CSS 样式时，发现了 @media (prefers-color-scheme: dark) 选择器。

来自：prefers-color-scheme - CSS（层叠样式表） | MDN
prefers-color-scheme CSS 媒体特性用于检测用户是否有将系统的主题色设置为亮色或者暗色。

简而言之，就是可以实现随系统（或浏览器）的深、浅色模式设置，改变网页配色。

我觉得这是比按时间切换更好的一个实现，跟随系统设置比跟随时间更加人性化一些，毕竟还有我这种，白天开深色，晚上开浅色的异类（逃）

前言

事情的起因是，我需要一个存放未分类整理知识点，以及收藏转载文章的私人知识库，和 iMaeGoo’s Blog 区别开来。

我尝试过简书、语雀、Evernote、OneNote、有道云笔记，对它们的 markdown 支持、导出能力、搜索能力、容量、安全性都有体会。

最后我决定建一个私人 Git 仓库，用 markdown 来记笔记。然后通过 CI/CD 自动构建到一个叫 iMaeGoo’s Diary 的 VuePress 网站。写笔记 Notepad + Git 就能搞定，还能自由选择多种多样的 markdown 编辑器，手机端也可以通过在线 IDE 更新内容，VuePress 的搜索非常好用，安全性也完全在自己的掌控范围之内。

反正是知识库嘛，我配置了完全公开，方便自己随时随地查看，但由于是未经整理的知识库，也不建议访客去看啦。

问题就来了，有些笔记包含了敏感信息，怎么在公开的知识库中保护这类信息？

在寻找 VuePress 加密时，我发现了 vuepress-plugin-encrypt 这个好用的插件，使用了 aes-128-ctr 来加密内容，你可以直接查看它的英文官方文档。

前言

主要是 Bing 找了许多 libraries。效果在 Chrome for Windows 上都不理想，要么滚动很生硬，要么就是太复杂，就自己实现了。

本来是 PC only 的，写好后测试了一下移动端，是兼容的，效果也还不错……

不过反正移动端都自带惯性滑动了

效果

JS 代码在 Safari, Chrome, Firefox 都是好的，就只有 Edge 莫名其妙地报错。

1

SCRIPT5022: Exception thrown and not caught

未捕获的异常？EXM？你倒是说是什么异常啊？行号还是错的？点过去无法定位错误位置？hash-navigation.js？我的项目里根本都没有这个 js 啊喂！