代码块折叠与复制 - KLucenの启示录

默认折叠#

效果：collapse={起始行-结束行} 指定的范围在初次加载时收起，显示为一个「展开 N 行」的按钮，点击后平滑展开；范围之外的行照常显示。

1
import { defineUserConfig } from 'astro/config';
2

3
export default defineUserConfig({
5 collapsed lines
4
  // 折叠部分开始
5
  site: 'https://shirone.mysqil.com',
6
  base: '/',
7
  trailingSlash: 'always',
8
  output: 'static',
9
  // 折叠部分结束
10
  integrations: [],
11
});

源码

1
```typescript collapse={4-8} title="长配置文件示例"
2
import { defineUserConfig } from 'astro/config';
3

4
export default defineUserConfig({
5
  // 折叠部分开始
6
  site: 'https://shirone.mysqil.com',
7
  base: '/',
8
  trailingSlash: 'always',
9
  output: 'static',
10
  // 折叠部分结束
11
  integrations: [],
12
});
13
```

一键复制#

效果：所有代码块的右上角都有复制按钮，鼠标移上去就能看到；点击后代码原文写入系统剪贴板，并给出微动效反馈。

1
pnpm build

源码

1
```bash title="复制我试试"
2
pnpm build
3
```

复制按钮是内置行为，不需要任何参数或标记。

折叠与其它标记组合#

效果（同时使用折叠、行高亮与标题）

1
{
2
  "name": "shirone",
4 collapsed lines
3
  "dependencies": {
4
    "astro": "^7.0.0",
5
    "svelte": "^5.0.0",
6
    "tailwindcss": "^4.0.0"
7
  },
8
  "private": true
9
}

源码

1
```json collapse={3-6} {2} title="package.json" showLineNumbers
2
{
3
  "name": "shirone",
4
  "dependencies": {
5
    "astro": "^7.0.0",
6
    "svelte": "^5.0.0",
7
    "tailwindcss": "^4.0.0"
8
  },
9
  "private": true
10
}
11
```

参数与行为#

项	说明
`collapse={起始-结束}`	指定默认折叠的行范围，可与行号、`title=` 等组合
一键复制	无参数，所有代码块自带
复制内容	只包含纯净代码，不含行号与标记字符

KLucenの启示录

默认折叠#

一键复制#

折叠与其它标记组合#

参数与行为#

Shirone 写作语法演示

继续阅读

换条路线

评论

KLucenの启示录

默认折叠#

一键复制#

折叠与其它标记组合#

参数与行为#

分享文章

沿着主题读

换条路线

评论