mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
44 lines
895 B
Markdown
44 lines
895 B
Markdown
---
|
|
title: Import Code
|
|
icon: mdi:import
|
|
createTime: 2025/10/08 10:39:22
|
|
permalink: /en/guide/code/import/
|
|
---
|
|
|
|
## Overview
|
|
|
|
Importing code allows you to include code from another file in your markdown file and have it highlighted.
|
|
|
|
It helps you reference code from other files in your articles, avoiding duplicate code writing.
|
|
|
|
## Syntax
|
|
|
|
You can use the following syntax to import code blocks from files:
|
|
|
|
**Input:**
|
|
|
|
```md
|
|
@[code](../snippet/snippet-1.js)
|
|
```
|
|
|
|
**Output:**
|
|
|
|
@[code](../../../snippet/snippet-1.js)
|
|
|
|
If you only want to import a specific portion of the file:
|
|
|
|
```md
|
|
<!-- Import only lines 1 to 10 -->
|
|
@[code{1-10}](../snippet/snippet-1.js)
|
|
```
|
|
|
|
The code language is inferred from the file extension, but we recommend explicitly specifying it:
|
|
|
|
```md
|
|
<!-- Specify code language -->
|
|
@[code js](../snippet/snippet-1.js)
|
|
|
|
<!-- Line highlighting -->
|
|
@[code js{2,4-5}](../foo.js)
|
|
```
|