Skip to content
Go back

优化博客、这一周的近况

Edit page

上周在 X 上分享了一篇文章,分享出去才发现 OG Image 的图片里中文内容显示不出来。除此之外也有留言提到我在博客中使用的字体导致看起来有些累,建议我换成宋体试试。

在此向这些提供建议的网友表示感谢😄。这些建议触碰到了我的知识盲区,如果不是有人告诉我,我可能永远都不会知道。

没想到的是这周太忙了,这么点小事硬是拖到今天才有空处理。我也正好趁着这个机会做个记录,希望能帮到其他有同样困惑的人,也能完成我更新 Blog 的 KPI 指标,一箭双雕的好机会hhhhh。

背景

我这个博客是用 Astro 搭建的,模板选择的 AstroPaper,这种简约风格的网站设计非常契合我的审美,如果你也比较喜欢简约风格的网站,我强烈推荐这个模板!!!

网站字体的使用和具体的模板无关,你可以参考我的选择。

但是对于我在这篇文章里提到的 OG Image 的字体渲染问题则仅限于 AstroPaper 模板,对其他模板没有任何指导意义。

字体

因为我在微信读书里长期使用鸳鸯文楷这款字体看书,所以搭建博客之初我就决定也使用这款字体作为网站的默认字体。

可能是我看习惯的原因,我倒是不觉的这款字体看久了会觉得累,但经过网友的提醒,我对比了其他几个经常逛的博客网站,确实没见过第二个使用楷体字体的博客,他们不是使用默认的字体就是宋体。

关于这个问题我也和 ChatGPT 聊了几句,AI 的说法也提到使用宋体会让阅读连续大段文字更轻松,并且同样的宽度下,宋体能显示的内容更多。

最后,在比对了几个网站的效果后,我决定参考 Dayu 的博客,使用 Noto Serif SC(中文名:思源宋体)替换鸳鸯文楷。

关于自定义字体,可以参考 Astro 文档里的做法,使用 Fontsource 导入字体使用。

替换之后明显的一个好处是加载字体的速度快了很多。在这方面鸳鸯文楷确实有点负担过重,几个字体文件加起来超过了 20MB,并且这还是我优化过后的体积。

OG Image 的字体

开发 AstroPaper 这个模板的开发者是个外国人,他可能就没考虑中文用户使用的情况,所以他选择 OG Image 使用的字体就不包括中文字符,因此导致我分享到 X 这种第三方平台的时候因为字体文件缺少对应内容的字符,内容会变成方块。

既然知道了原因,改起来也很容易,在 loadGoogleFont.ts 这个文件下增加新的字体配置:

  const fontsConfig = [
    {
      name: "Noto Sans SC",
      font: "Noto+Sans+SC",
      weight: 400,
      style: "normal",
    },
    {
      name: "Noto Sans SC",
      font: "Noto+Sans+SC",
      weight: 700,
      style: "normal",
    },
    { name: "Noto Emoji", font: "Noto+Emoji", weight: 400, style: "normal" },
    // 以上是新增的
    {
      name: "IBM Plex Mono",
      font: "IBM+Plex+Mono",
      weight: 400,
      style: "normal",
    },
    {
      name: "IBM Plex Mono",
      font: "IBM+Plex+Mono",
      weight: 700,
      style: "bold",
    },
  ];

这样,OG Image 里渲染的中文字体就不会出现方块的情况了,修改的效果可以通过 <文章地址>+'/index.png' 这个路径查看(前提是你也使用的这个模板)。

近况

1

这周在忙活一个外包项目,技术上没有什么难度,就是繁琐的工作比较消耗时间,不过幸好有 AI,大部分的工作内容都可以交给 AI 处理,只有遇到一些 AI 尝试过很多遍都无法处理的问题是我才会接手。

经过这一周对于 AI 的高强度使用,我对 Codex 的满意度越来越高,默认情况下我都会优先使用 Codex 帮我处理工作的内容,尤其是再结合「文档驱动」的开发方式,AI 对我工作的提效已经非常的明显了。

相比较之下,我在 Cursor 里使用 sonnet 4 和 sonnet 4.5 实现工作流的效果就差了很多,我不太确定这是 Cursor 的原因还是 Claude 模型的问题,原本我是打算订阅 Claude Code 对比下效果,但是鉴于 Anthropic 对于中国用户的态度,以及一个多月前 Claude 莫名其妙的降智问题,最终我放弃了这个打算。

如果 Codex 能保持现在的水平,我就会作为长期用户订阅下去。

2

几个月前我就想买一款运动相机,那时候在大疆 Action 5 Pro 和 Insta 360 的 Ace Pro 2 之间犹豫了一阵。因为 Ace Pro 2 在京东上一直处于缺货的状态,并且听闻 Action 6 快要发布了,所以购买运动相机的计划就被搁置了。

前两天,也就是 13 号,大疆终于姗姗来迟的发布了他的新品——Action 6。在这场发布会之前,我对新品最大的期待就是 1 英寸的传感器,以及随之而来的对于夜景效果的提升。但谁能想到大疆居然挤了一次牙膏,弄了一个和 OSMO 360 上同款的 1.1 英寸传感器。虽然成像效果上有一定的提升,但首发价格也比前代贵了不少,更不要说最近 A5P 等产品还在做活动,价格差距进一步拉开。

最后考虑到性价比,我还是选择了大疆的上一代产品 Action 5 Pro。

一个基础套装+支架+送了一年的随心换,总计花费 2206 拿下。

2025-11-16-16.14.13@2x

目前我还处于 Action 的探索期,在尝试用不同的参数对比最终拍出来的视频效果,尽量在质量、体积、续航之间找到一个合适的平衡点。

虽然现在还没拍出来令我满意的东西,但有了 Action 之后,我确实有感觉到自己能做的事情多了很多,除了我一开始打算的把 Action 作为生活记录器,我也可以把它架在我的电脑旁边记录我每日的工作。记得之前在 Polebug 的某期 vlog 里,她提到自己最初拍 vlog 的契机就是想通过一个外力监督自己学习和转型,她选择了拍视频这种形式。我也可以借鉴一下这个思路,看看效果如何。

G52XbGnboAAuxoY


Edit page
Share this post on:

Next Post
离职 3 个月后的经历分享(上)