---
title: Web log. 2026
date: 2026-01-01
excerpt: Just a running log of 2026.
tags:
  - Essay
updated: 2026-05-25 20:25:29
---

<script data-swup-reload-script type="module" src="/js/components/text-image-section.js"></script>
<script data-swup-reload-script type="module" src="/js/components/tab.js"></script>
<script data-swup-reload-script type="module" src="/js/components/sidenote.js"></script>

##### April

###### April 28

<text-image-section image="https://www.freeforfonts.com/public/images/konu/baskerville-display-pt-font-3_1729167869.webp" alt="Baskerville Font Demo" width="400px">

I asked Codex to redesign the archive and tags page. I also experimented with a new set of fonts, including Avenir, which I’ve previously used for the blog, and a new serif font — [_Baskerville_](https://fonts.adobe.com/fonts/baskerville-pt)

Additionally, I watched a [YouTube Video](https://www.youtube.com/watch?v=5poSsix6VA4) that introduced the _冀西南林路行_ album.

</text-image-section>

Today, I’m adding this "Now" page to my blog. I’ve set the date to _2023/06/10_, as that marks the first day I started writing my diary. As of today, it’s been _1053_ days since I began this journey.

Later, at 5:30 P.M., I went out with TianRui. We wandered around _双桥路_, a relatively old yet bustling area in Chengdu, with countless shops lining the streets, searching for a good restaurant.

We searched for a good restaurant and eventually chose a 串串香, which turned out to be quite expensive — 105 yuan per person. We had 108 串.

##### May

###### May. 3

<text-image-section image="https://fonts.zeoseven.com/_assets/items/_share/247c75117bd1fdc240d3b981a7c12397e9e80506-00000005/01.webp" alt="XiaoLai Font Demo" width="400px">

Added support for customizing the monospace font on my blog, and looked up a set of fonts, including the handwritten font used by Excalidraw: Xiaolai Mono. It was created by a Japanese designer, and later expanded by the creator of LXGW WenKai to support more Chinese characters.

</text-image-section>

###### May.5

<text-image-section image="https://static.zitijia.com/file/item/202402/19/501274376579075129/img/20240219T112614.483527.jpg" alt="ChillKai" width="400px" left>

Change the default serif font to [Gentium](https://software.sil.org/gentium/) and ChillKai(寒蝉正楷). The Chinese portion of ChillKai is derived from the 正楷 font developed by the Taiwan 全字库 project, while the Latin characters come from Gentium. Since the original version did not include Gentium’s italic style, I manually imported the complete Gentium font family.

</text-image-section>

<side-note>

“Gentium” is a Latin word meaning belonging to the nations. The Gentium typeface family was created to enable the diverse ethnic groups—nations—around the world who use the Latin, Cyrillic, or Greek scripts to produce readable, high-quality publications. It supports almost the complete range of Unicode characters for these scripts, including a comprehensive range of diacritics and a large set of symbols useful for linguistics and literacy work.

![Gentium Font Face](https://software.sil.org/gentium/wp-content/uploads/sites/20/2016/06/banner_image.jpg)

</side-note>

The rest of the day turned into a long refactor session. I redesigned the `<x-chat>` component — on desktop the avatar still sits beside the bubble, but on mobile the bubble now drops into a full-width row of its own, so the avatar no longer eats half the screen. The font settings popover also got a quiet pass: I dropped i 18 n from it entirely (the UI is fixed in English, which feels more honest for a technical control), and the reset button now actually reads the original `--font-*` values from `default.css` instead of just clearing the inputs. A few smaller patches snuck in along the way — a theme-selector a 11 y hole, and the article popover finally behaving on narrow screens.

Then two long-overdue rewrites for the custom elements I use most on this page:

- `<text-image-section>` — replaced the wrapper-div soup with a `<figure>` as a direct child of the host. `display: flow-root` keeps a parent blockquote's left border from bleeding into the image on mobile, which had been quietly bothering me every time I scrolled past 素馨花 on my phone.
- `<image-carousel>` — stopped hardcoding the 3/2 aspect ratio. It now derives the ratio from the first image's natural dimensions; explicit `ratio` still wins, but the default no longer crops portraits or wide panoramas by accident.

Nothing visible from the outside, but the source feels much lighter to read now.

###### May.7

Add sidenote elements and Markdown source link in article info popover. ( BTW, The encrypted post's markdown content can not be accessed)

###### May.8

Finally, this blog support i18n, i can add a post with cn/en version like below

<x-tabs>

<x-tab title="CN Post" active>

```md cn/cdn_traffic_spilitting.md
---
title: VSCode插件离线安装教程：VSIX文件下载与安装指南
lang: zh-CN
i18n:
  en: /en/offline_install_extension
---
```

</x-tab>

<x-tab title="En Post">

```md en/cdn_traffic_spilitting.md
---
title: "How to Install VSCode Extensions Offline: Downloading and Installing VSIX Files"
lang: en
i18n:
  cn: /offline_install_extension
  translation: 2
---
```

</x-tab>

</x-tabs>