mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
44 lines
851 B
Markdown
44 lines
851 B
Markdown
---
|
|
title: 导入代码
|
|
icon: mdi:import
|
|
createTime: 2024/04/04 10:39:22
|
|
permalink: /guide/code/import/
|
|
---
|
|
|
|
## 概述
|
|
|
|
导入代码 可以让你在 md 文件中 导入另一个文件的 代码，并为其高亮显示。
|
|
|
|
它可以帮助你在文章中引用其他文件的代码，避免编写重复的代码。
|
|
|
|
## 语法
|
|
|
|
你可以使用下面的语法，从文件中导入代码块：
|
|
|
|
**输入：**
|
|
|
|
```md
|
|
@[code](../snippet/snippet-1.js)
|
|
```
|
|
|
|
**输出：**
|
|
|
|
@[code](../../snippet/snippet-1.js)
|
|
|
|
如果你只想导入这个文件的一部分：
|
|
|
|
```md
|
|
<!-- 仅导入第 1 行至第 10 行 -->
|
|
@[code{1-10}](../snippet/snippet-1.js)
|
|
```
|
|
|
|
代码语言会根据文件扩展名进行推断，但我们建议你显式指定：
|
|
|
|
```md
|
|
<!-- 指定代码语言 -->
|
|
@[code js](../snippet/snippet-1.js)
|
|
|
|
<!-- 行高亮 -->
|
|
@[code js{2,4-5}](../foo.js)
|
|
```
|