zudo-doc

Type to search...

to open search from anywhere

基本コンポーネント

作成2026年3月22日Takeshi Takatsudo

ドキュメントページで使用できる標準的なMarkdownおよびMDXタイポグラフィ要素。

zudo-docのデザイントークンシステムによってスタイリングされた、標準的なMarkdownおよびMDX要素です。インポートは不要です。

見出し

h2 から h4 までの見出しは、目次サイドバーに表示されます。

見出し3

見出し4

## 見出し2
### 見出し3
#### 見出し4

テキストの書式

太字テキストイタリックテキスト取り消し線。組み合わせも可能です:太字かつイタリック

**太字テキスト***イタリックテキスト*~~取り消し線~~
組み合わせも可能です:***太字かつイタリック***

インラインコード

バッククォートを使って、文中に インラインコード を挿入できます。

バッククォートを使って、文中に `インラインコード` を挿入できます。

コードブロック

フェンスドコードブロックはShikiによるシンタックスハイライトに対応しています。開始バッククォートの後に言語を指定します。

function greet(name: string): string {
  return `Hello, ${name}!`;
}
```ts
function greet(name: string): string {
  return `Hello, ${name}!`;
}
```

サポートされている言語

Shikiは幅広い言語をサポートしています。代表的なものは以下の通りです:

言語識別子
TypeScriptts, typescript
JavaScriptjs, javascript
HTMLhtml
CSScss
JSONjson
Bash / Shellbash, sh, shell, zsh
Markdownmd, markdown
MDXmdx
YAMLyaml, yml
Pythonpython, py
Rustrust, rs
Gogo
SQLsql
GraphQLgraphql
Diffdiff
TOMLtoml
Astroastro
JSX / TSXjsx, tsx

すべての利用可能な識別子については、サポートされている言語の一覧を参照してください。

箇条書きリスト

  • 1つ目の項目
  • 2つ目の項目
    • ネストされた項目
    • もう1つのネストされた項目
      • 深いネスト
  • 3つ目の項目
- 1つ目の項目
- 2つ目の項目
  - ネストされた項目
  - もう1つのネストされた項目
    - 深いネスト
- 3つ目の項目

番号付きリスト

  1. ステップ1
  2. ステップ2
  3. サブステップ1
  4. サブステップ2
  5. ステップ3
1. ステップ1
2. ステップ2
   1. サブステップ1
   2. サブステップ2
3. ステップ3

引用

これは引用ブロックです。複数行にまたがることができ、 内部で書式付きテキストも使用できます。

> これは引用ブロックです。複数行にまたがることができ、
> 内部で**書式付きテキスト**も使用できます。

テーブル

機能状態備考
MDXサポート済み@astrojs/mdx 経由
Shiki組み込みコードハイライト
Tailwindv4トークンベースの設計
| 機能       | 状態        | 備考               |
| ---------- | ----------- | ------------------ |
| MDX        | サポート済み | `@astrojs/mdx` 経由 |
| Shiki      | 組み込み     | コードハイライト    |
| Tailwind   | v4          | トークンベースの設計 |

リンク

内部リンク:はじめに

外部リンク:Astroドキュメント

内部リンク:[はじめに](/ja/docs/getting-started)

外部リンク:[Astroドキュメント](https://docs.astro.build)

水平線

3つのダッシュで水平線を作成できます:


---

Revision History

AI Assistant

Ask a question about the documentation.