代码块功能演示：行号、高亮、diff、终端框

主题换成”开发者与研究者”风格后，代码块由 astro-expressive-code 接管，写法都是标准 Markdown 围栏代码块 + meta 字符串，不需要额外组件。

基础：标题 + 行号

行号默认全局开启，标题用 title="..." 标注文件名：

1
export function sortEntries<T extends Entry>(entries: T[], key: SortKey = 'date-desc'): T[] {
2
  const arr = [...entries];
3
  switch (key) {
4
    case 'date-asc':
5
      return arr.sort((a, b) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf());
6
    default:
7
      return arr.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
8
  }
9
}

行高亮

大括号里写要高亮的行号，支持区间：

1
function estimateReadingTime(body: string): number {
2
  const chars = body.replace(/```[\s\S]*?```/g, '').trim().length;
3
  // 中英文混排，按约 350 字/分钟估算
4
  const minutes = chars / 350;
5
  return Math.max(1, Math.round(minutes));
6
}

增删标记

ins/del 直接把某几行标成绿色新增、红色删除，比整段 diff 更适合小改动：

1
export const NAV_LINKS = [
2
  { href: '/', label: '首页' },
3
  { href: '/archive/', label: '归档' },
4
  { href: '/devlog/', label: '开发日志' },
5
] as const;

Diff 代码块

1
export const CONTENT_DIR = path.join(REPO_ROOT, 'content', 'posts');
2
export const CONTENT_ROOT = path.join(REPO_ROOT, 'content');
3
export const COLLECTIONS = {
4
  post: path.join(CONTENT_ROOT, 'posts'),
5
  paper: path.join(CONTENT_ROOT, 'papers'),
6
};

终端框

frame="terminal" 会渲染成终端窗口样式，适合记录命令行操作：

1
npm run content -- new "Attention Is All You Need" --kind paper \
2
  --authors "Vaswani;Shazeer" --venue NeurIPS --year 2017 \
3
  --paper-url https://arxiv.org/abs/1706.03762 --status reading

所有代码块都自带复制按钮，且亮/暗色主题会跟随右上角的主题切换按钮联动。