Skip to main content
LibreChat is joining ClickHouse to power the open-source Agentic Data Stack 🎉 Learn more
LibreChat

構文ハイライト

構文ハイライトのすべて

このドキュメントでは、ビルド時のシンタックスハイライトに Shiki を使用しています。

基本的な使用方法

言語識別子を付けた3つのバッククォートを使用してコードブロックを追加します:

```js
console.log('hello, world')
```

次のようにレンダリングされます:

console.log('hello, world')

サポートされている言語

Shikiでサポートされているすべての言語が利用可能です。一般的な言語は以下の通りです:

  • js / javascript
  • ts / typescript
  • jsx / tsx
  • bash / sh
  • json
  • yaml
  • python
  • go
  • rust
  • css
  • html
  • markdown / md
  • sql
  • dockerfile

ファイル名

コードブロックにファイル名を追加できます:

```js filename="example.js"
console.log('hello')
```

行のハイライト

特定の行をハイライトする:

```js {1,3-4}
import React from 'react'
 
function Hello() {
  return <div>Hello</div>
}
```

このガイドはいかがでしたか?