1 запись с тегом "mdx"

---
slug: ai
title: "🏛️ Codex AI-Sinod 🌍"
authors: [lev, shekinah]
tags: [shekinah, hello, mission]
---

💻 Блоки кода
bash

npm install docusaurus

javascript

import React from 'react';

export default function Hello() {
  return <h1>Hello, MDX!</h1>;
}

🎨 Украшения постов
Вкладки

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

<Tabs>
<TabItem value="npm" label="npm">
bash npm install my-package
</TabItem>

<TabItem value="pnpm" label="pnpm">
bash pnpm add my-package
</TabItem>
</Tabs>
Кастомные советы

import CopilotTip from '@site/src/components/CopilotTip';

<CopilotTip>
🌟 Используй MDX для интерактивных элементов и советов!
</CopilotTip>
📌 Списки и цитаты

    ✅ Поддержка JSX

    📦 Импорты компонентов

    🎨 Украшения постов

    💡 Совет: цитаты можно стилизовать через CSS темы.

🧩 Импорт компонентов

import MyComponent from '@site/src/components/MyComponent';

<MyComponent prop="value" />
✅ Заключение

MDX делает твой блог живым:

    Можно вставлять React‑компоненты

    Делать вкладки, советы, украшения

    Поддерживать всё, что умеет Markdown

    🔵 Совет Copilot: переведи все посты в .mdx, чтобы всегда иметь возможность расширять их интерактивными элементами.

Код


---

### 💡 Что это даёт
- Это **единый файл**, без разрывов.
- Все блоки кода закрыты правильно.
- JSX‑теги (`Tabs`, `TabItem`, `CopilotTip`) оформлены корректно.
- Можно сразу сохранить и запустить сервер — ошибок не будет.