notes

Shiki 测试

May 2026 · 2 min read

Shiki 高亮测试

正文里 inline code 应该是浅灰底,跟下面的代码块视觉区分。

Python

def fibonacci(n: int) -> list[int]:
    """Generate Fibonacci sequence up to n terms."""
    if n <= 0:
        return []
    sequence = [0, 1]
    for i in range(2, n):
        sequence.append(sequence[i - 1] + sequence[i - 2])
    return sequence[:n]

# 验证 string / number / keyword / comment / decorator 颜色
result = fibonacci(10)
print(f"前 10 项: {result}")

TypeScript

interface User {
  id: string;
  name: string;
  email: string | null;
  createdAt: Date;
}

async function fetchUser(id: string): Promise<User | null> {
  const res = await fetch(`/api/users/${id}`);
  if (!res.ok) return null;
  return res.json() as Promise<User>;
}

Bash(测 wrap: false 横滚)

# 下面这行故意写长,应该出现横向滚动条而不是软换行
git log --pretty=format:'%h %ad | %s%d [%an]' --graph --date=short --all --since="2 weeks ago" | head -20

CSS

.prose__body pre.astro-code {
  background: var(--code-bg);
  padding: 1.2em 1.4em;
  border-radius: 6px;
  overflow-x: auto;
}

@media (prefers-color-scheme: dark) {
  .prose__body pre.astro-code,
  .prose__body pre.astro-code span {
    color: var(--shiki-dark) !important;
    background-color: var(--shiki-dark-bg) !important;
  }
}

验证 checklist

← back