Sandbox

[00:00.00] 谁 seoi4 のことを考えてるの? [00:03.10] ハート[00:04.00]のスペース[00:04.50] 争 zang1 夺 dyu6 戦 zin3 [00:05.76] 的に一进一退で [00:10.56] 油断ならないな [00:11.70] あのね今のとこほんの数％しか [00:16.73] アイツの心に居场所がないんだ [00:21.38] [00:21.51] 制服のポケット [00:24.05] ホンネを忍ばせて [00:26.71] そっとえりを正す [00:31.71] そんな简単には [00:34.38] 手の内明かせない [00:36.90] あくまでまだ様子见の段阶 [00:41.81] [00:42.01] だけど本当はね [00:44.59] 见破って欲しいの [00:47.25] 淡い期待に胸ときめかして [00:51.74] チラチラと见てる [00:54.97] [00:56.09] オンナノコの大事なモノ(意地悪で) [00:58.73] オトコノコの大事なコト(ムカつく) [01:01.53] 引くに引けないそれぞれの事情 [01:06.26] ほかに何も考えらんない(真っ直ぐで) [01:09.03] 一瞬だってよそ见できない(ニブいね) [01:11.68] 充 cung1 実 sat6 感 gam2 あふれるほどに So fulfilling something another thing

[01:16.25] 満たしてあげるよ [01:17.32] 条件ちらつかせ様子うかがって见てる [01:22.50] お互いWin-Winなトリヒキしようよ [01:27.20] [01:27.33] 魔法少女だって [01:29.87] 地底の民だって [01:32.60] 悩むとこは同じ [01:37.71] 异星の姫だって [01:40.13] オバケの少女だって [01:42.71] ドキドキしてみんな恋をする [01:47.99] 好きなタイプだとか [01:50.51] 理想の告白を [01:53.21] 思い描いた时 [01:55.66] 谁の颜が浮かんできちゃうの?! [02:01.82] 突然チカラ涌いてきたり(不思议だよ) [02:04.46] ホロリ优しさが染みたり(なぜなの) [02:07.15] それは全部谁のせいかな [02:12.04] ライバルには负けたくない(それなのに) [02:14.74] だけどアイツには胜てない(なぜなの) [02:17.47] それってちょっと问题あるけど [02:22.15] もう手遅れだね [02:25.56] [02:45.74] オンナノコの大事なモノ(意地悪で) [02:48.20] オトコノコの大事なコト(ムカつく) [02:51.02] 引くに引けないそれぞれの事情 [02:55.95] ほかに何も考えらんない(真っ直ぐで) [02:58.67] 一瞬だってよそ见できない(ニブいね) [03:01.31] 充実感あふれるほどに [03:06.01] 満たしてあげるよ [03:07.02] 条件ちらつかせ様子うかがって [03:11.54] そんな感じのトリヒキしようよ [03:17.42] あのね今のとこほんの数％しか [03:22.48] アイツの心に居场所がないんだ [03:27.19]

Typography

Parallel prose in-progress

今日天氣好。 今日天氣好。 今日天氣好。

今日天氣好好好。

The weather is nice today. The tin1 hei3 (weather) is nice today. The weather is nice today. The weather is nice today.

The weather is nice nice nice nice today

TODO: automatically pair paragraphs

Glyphons

蘋 ping4 果 gwo2

Parts of Speech Labels in-progress

我好快噉食咗一個大蘋果

Standard Typography

Text can be bold, italic, or ~~strikethrough~~.

You can link to another page.

You can highlight inline code with backticks.

Jyutping with Tone-marks

Method 1: use `<Jyutping>` component

nei5 gam1 jat6 sik6 zo2 faan6 mei6 aa3?

TODO: accept color prop

Method 2: apply a `font-jyutping` class

Font-faces loaded in through CSS, and in turn a Tailwind class of font-jyutping is defined. Both regular and bolded options are available.

jyut6 ping3 si1 si2 si3 si4 si5 si6

Image

sample SVG

pay attention to dynamicness of background according to user-chosen theme!
images zoom automatically using [StarlightImageZoom]

Components

Asides

Blockquotes

This is a blockquote, which is commonly used when quoting another person or document.

Blockquotes are indicated by a > at the start of each line.

Codeblocks

{:ok, content} = SomeModule.some_function(["food", 314])
content
 |> String.upcase()
 |> String.downcase()

Details

Where and when is the Andromeda constellation most visible?

The Andromeda constellation is most visible in the night sky during the month of November at latitudes between +90° and −40°.

Here is a footnote¹ with some additional text after it.

Steps

Import the component into your MDX file:

import { Steps } from '@astrojs/starlight/components';

Wrap <Steps> around your ordered list items.

Badges headers OK New

Note
Success

Embeds

See reference here

Save files

Uses StarlightSaveFile

Example PDF A sample PDF file.

My reference. ↩