> For AI agents: the site index is available at https://www.juniortree.com/llms.txt; this page is available as Markdown at https://www.juniortree.com/docs/integrations/code.md. > Some methods for better using shiki code ## Page metadata - **Source URL:** https://www.juniortree.com/docs/integrations/code # Shiki Code ## Basic Usage For `.astro` file: ```astro --- import { Code } from 'astro:components' ---


```

For `.mdx` and `.md` file:

````markdown
```shell
git log --oneline
```
````

## Add Title

```shell title="start.sh"
#!/bin/bash

bun check &
bun dev
```

````markdown
```shell title="start.sh"
#!/bin/bash

bun check &
bun dev
```
````

## Show Diff

Supports add and del lines.

```shell title="deploy.sh"
#!/bin/bash

bun check
bun lint
bun format # [!code ++]
# No need for vercel or other ci/cd
bun run build # [!code --]
git push
```

````markdown


```shell title="deploy.sh"
#!/bin/bash

bun check
bun lint
bun format # [\!code ++]
# No need for vercel or other ci/cd
bun run build # [\!code --]
git push
```
````

## Show Highlight

```html


君指先跃动の光は、私の一生不変の信仰に、唯私の超电磁炮永生き！
 





```

````markdown


```html


君指先跃动の光は、私の一生不変の信仰に、唯私の超电磁炮永生き！
 





```
````