MD2Word

Полное руководство и шпаргалка по синтаксису Markdown

Ваш единый справочник по всему, что связано с Markdown. От стандартного форматирования GFM до продвинутых функций, таких как диаграммы Mermaid и математика LaTeX — всё, что нужно для создания структурированного и насыщенного контента.

1Типографика, форматирование и стили текста

Освойте базовое форматирование: жирный, курсив, зачеркнутый и уровни заголовков (H1-H6). Узнайте, как стилизовать текст для акцентирования и ясности.

Markdown
# Heading Level 1
## Heading Level 2
### Heading Level 3
#### Heading Level 4
##### Heading Level 5
###### Heading Level 6

You can make text **bold**, *italic*, or ***both***.
You can also use ~~strikethrough~~ to indicate deleted text.

Using HTML tags for subscript/superscript:
H<sub>2</sub>O and E = mc<sup>2</sup>

Keyboard input:
Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy.
Предпросмотр
Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

You can make text bold, italic, or both. You can also use strikethrough to indicate deleted text.

Using HTML tags for subscript/superscript: H2O and E = mc2

Keyboard input: Press Ctrl + C to copy.

2Списки: упорядоченные, неупорядоченные и списки задач

Создавайте организованный контент с маркерами, нумерованными списками и вложенными элементами. Отслеживайте прогресс с помощью интерактивных списков задач GFM.

Markdown
### Unordered List
- Project Alpha
- Project Beta
  - Frontend
    - React
    - Vue
  - Backend
    - Node.js
    - Python

### Ordered List
1. Step One
2. Step Two
   1. Sub-step A
   2. Sub-step B
3. Step Three

### Task List
- [x] Design Database Schema
- [x] Set up API endpoints
- [ ] Write documentation
- [ ] Deploy to production
Предпросмотр

Unordered List

  • Project Alpha
  • Project Beta
    • Frontend
      • React
      • Vue
    • Backend
      • Node.js
      • Python

Ordered List

  1. Step One
  2. Step Two
    1. Sub-step A
    2. Sub-step B
  3. Step Three

Task List

  • Design Database Schema
  • Set up API endpoints
  • Write documentation
  • Deploy to production

4Цитаты и уведомления GitHub

Выделяйте важную информацию с помощью цитат и уведомлений в стиле GitHub (Примечание, Совет, Важно, Предупреждение, Осторожно).

Markdown
> Markdown is a lightweight markup language with plain text formatting syntax.
>
> > It is designed so that it can be converted to HTML and many other formats using a tool by the same name.

> [!NOTE]
> This is a note alert. Useful for general information.

> [!TIP]
> Pro Tip: You can drag and drop markdown files to convert them!

> [!IMPORTANT]
> Do not forget to check the preview before exporting.

> [!WARNING]
> This action cannot be undone.

> [!CAUTION]
> Proceed with extreme caution!
Предпросмотр

Markdown is a lightweight markup language with plain text formatting syntax.

It is designed so that it can be converted to HTML and many other formats using a tool by the same name.

NOTE

This is a note alert. Useful for general information.

TIP

Pro Tip: You can drag and drop markdown files to convert them!

IMPORTANT

Do not forget to check the preview before exporting.

WARNING

This action cannot be undone.

CAUTION

Proceed with extreme caution!

5Блоки кода и подсветка синтаксиса

Отображайте фрагменты кода с подсветкой синтаксиса для различных языков программирования (Python, JS и т.д.) и используйте встроенный код для переменных.

Markdown
Inline code is wrapped in backticks: `const x = 10;`

```tsx
import React from 'react';

const Button = ({ children }) => {
  return (
    <button className="bg-blue-500 text-white px-4 py-2 rounded">
      {children}
    </button>
  );
};
```

```python
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)
```

```json
{
  "name": "md2word",
  "version": "1.0.0",
  "features": ["html", "docx", "pdf"]
}
```
Предпросмотр

Inline code is wrapped in backticks: const x = 10;

import React from 'react';

const Button = ({ children }) => {
  return (
    <button className="bg-blue-500 text-white px-4 py-2 rounded">
      {children}
    </button>
  );
};

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

{
  "name": "md2word",
  "version": "1.0.0",
  "features": ["html", "docx", "pdf"]
}

6Таблицы, выравнивание и эмодзи

Организуйте данные с помощью таблиц GFM, управляйте выравниванием ячеек и вставляйте забавные эмодзи для улучшения вашей документации.

Markdown
| Feature | Support | Notes |
| :--- | :---: | ---: |
| **Tables** | ✅ | Easy to read |
| **Alignment** | 🟢 | Left/Center/Right |
| **Math** | 🧮 | KaTeX based |
| **Charts** | 📊 | Mermaid based |
| **Emojis** | 🎉 | :rocket: :heart: :smile: |
Предпросмотр
FeatureSupportNotes
Tables✅Easy to read
Alignment🟢Left/Center/Right
Math🧮KaTeX based
Charts📊Mermaid based
Emojis🎉:rocket: :heart: :smile:

7Сноски и ссылки

Добавляйте цитаты и сноски в академическом стиле, чтобы ваш контент оставался чистым при предоставлении необходимых ссылок.

Markdown
Markdown is a lightweight markup language[^1]. 
It was created by John Gruber in 2004[^2].

[^1]: Markdown is often used for formatting readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.
[^2]: John Gruber created the Markdown language in 2004 in collaboration with Aaron Swartz.
Предпросмотр

Markdown is a lightweight markup language1. It was created by John Gruber in 20042.

Footnotes

  1. Markdown is often used for formatting readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor. ↩

  2. John Gruber created the Markdown language in 2004 in collaboration with Aaron Swartz. ↩

8HTML-элементы (сворачиваемые детали)

Используйте необработанные теги HTML, такие как <details> и <summary>, для создания интерактивных сворачиваемых разделов для часто задаваемых вопросов или дополнительного контента.

Markdown
<details>
<summary><b>Click to expand System Requirements</b></summary>

- Processor: 2.5 GHz dual-core Intel Core i5
- Memory: 8 GB RAM
- Graphics: Intel Iris Plus Graphics 640
- Storage: 200 MB available space

</details>

<details>
<summary><b>Show Terms of Service</b></summary>

By using this service, you agree to...
1. Be nice
2. Write good markdown

</details>
Предпросмотр
Click to expand System Requirements
  • Processor: 2.5 GHz dual-core Intel Core i5
  • Memory: 8 GB RAM
  • Graphics: Intel Iris Plus Graphics 640
  • Storage: 200 MB available space
Show Terms of Service

By using this service, you agree to...

  1. Be nice
  2. Write good markdown

9Математика LaTeX и уравнения

Отрисовывайте сложные математические формулы, используя математические блоки с синтаксисом LaTeX (KaTeX). Идеально подходит для научных и академических текстов.

Markdown
### 1. Simple (Inline & Block)
Newton's second law is $F=ma$.
The mass-energy equivalence:
$$ E = mc^2 $$

### 2. Medium (Integrals & Fractions)
The Gaussian Integral:
$$
\int_{-\infty}^\infty e^{-x^2}dx = \sqrt{\pi}
$$

### 3. Complex (Limits & Summation)
Definition of Derivative:
$$
\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}
$$

Sum of Squares:
$$
\sum_{i=1}^{n} i^2 = \frac{n(n+1)(2n+1)}{6}
$$
Предпросмотр

1. Simple (Inline & Block)

Newton's second law is F=maF=ma. The mass-energy equivalence: E=mc2E = mc^2

2. Medium (Integrals & Fractions)

The Gaussian Integral:

∫−∞∞e−x2dx=π\int_{-\infty}^\infty e^{-x^2}dx = \sqrt{\pi}

3. Complex (Limits & Summation)

Definition of Derivative:

∂f∂x=lim⁡h→0f(x+h)−f(x)h\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}

Sum of Squares:

∑i=1ni2=n(n+1)(2n+1)6\sum_{i=1}^{n} i^2 = \frac{n(n+1)(2n+1)}{6}

10Диаграммы и графики Mermaid

Визуализируйте потоки и данные. Создавайте блок-схемы, диаграммы последовательностей, круговые диаграммы и многое другое прямо в Markdown с помощью Mermaid.js.

Markdown
```mermaid
graph LR
    A[Client] -->|HTTP Request| B(Load Balancer)
    B --> C{Server Cluster}
    C -->|One| D[Server 1]
    C -->|Two| E[Server 2]
    C -->|Three| F[Server 3]
    D --> G[(Database)]
```

```mermaid
sequenceDiagram
    autonumber
    User->>System: Login Request
    System->>DB: Query User
    DB-->>System: Return User Data
    System-->>User: Grant Access
```

```mermaid
pie title Programming Languages Used
    "TypeScript" : 55
    "Python" : 30
    "Rust" : 10
    "Go" : 5
```
Предпросмотр
Шпаргалка по синтаксису Markdown: GFM, Mermaid, LaTeX | MD2Word