这是一个模糊效果。
对于桌面端，鼠标移入时，会移除模糊效果，点击后会保持3秒清晰显示；对于移动设备，点击后移除模糊效果，当同时满足点击后超过3秒和页面滑动才会变为模糊状态。
下面的词会显示拼音：
拼音，君の名は
这是一个彩虹文字效果。
这个文字下面有下划线效果。
上面的样式是可以进行嵌套的，比如：
这是一个模糊并且带拼音的彩虹
这是文章中的一句话，我需要在这里添加一个引用上标1。
这是另一句话，引用了另外一个文献2。
基于 Typst.ts 实现的 Typst 渲染。
图片在黑暗模式情况的效果可能不是很好。
#set page(width: auto, height: auto, margin: 10pt)
#set text(fill: rgb("#2f61eb"), size: 20pt)
$ cal(A) = pi r^2 $
Hello from *Typst*!// Code from https://github.com/typst/packages/blob/main/packages/preview/cetz/0.4.2/gallery/waves.typ
#import "@preview/cetz:0.4.2": canvas, draw, vector, matrix
#set page(width: auto, height: auto, margin: .5cm)
#canvas({
import draw: *
ortho(y: -30deg, x: 30deg, {
on-xz({
grid((0,-2), (8,2), stroke: gray + .5pt)
})
// Draw a sine wave on the xy plane
let wave(amplitude: 1, fill: none, phases: 2, scale: 8, samples: 100) = {
line(..(for x in range(0, samples + 1) {
let x = x / samples
let p = (2 * phases * calc.pi) * x
((x * scale, calc.sin(p) * amplitude),)
}), fill: fill)
let subdivs = 8
for phase in range(0, phases) {
let x = phase / phases
for div in range(1, subdivs + 1) {
let p = 2 * calc.pi * (div / subdivs)
let y = calc.sin(p) * amplitude
let x = x * scale + div / subdivs * scale / phases
line((x, 0), (x, y), stroke: rgb(0, 0, 0, 150) + .5pt)
}
}
}
on-xy({
wave(amplitude: 1.6, fill: rgb(84, 219, 219, 80))
})
on-xz({
wave(amplitude: 1, fill: rgb(216, 219, 90, 80))
})
})
})这是一个提示。
这是一个建议。
这是一个重要事项。
这是一个警告。
这是一个危险事项。
这是一个包含多行内容的提示框。
重点内容：还可以包含粗体文字和其他 Markdown 元素。
提示框内可以包含代码块等其他元素。
console.log('Hello World');这是一个带有自定义标题的提示框。标题会显示为“自定义标题”而不是默认的“IMPORTANT”。
正在加载评论...