究極の Markdown 構文ガイド & チートシート
Markdown に関するすべてのワンストップリファレンス。標準的な GFM 書式設定から、Mermaid ダイアグラムや LaTeX 数式などの高度な機能まで、構造化されたリッチなコンテンツを作成するために必要なものがすべて揃っています。
1タイポグラフィ、書式設定、テキストスタイル
基本的な書式設定をマスターしましょう:太字、斜体、取り消し線、見出しレベル(H1-H6)。強調と明確さのためにテキストをスタイル設定する方法を学びます。
# 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 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 タスクリストで進捗状況を追跡します。
### 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 productionUnordered List
- Project Alpha
- Project Beta
- Frontend
- React
- Vue
- Backend
- Node.js
- Python
- Frontend
Ordered List
- Step One
- Step Two
- Sub-step A
- Sub-step B
- Step Three
Task List
- Design Database Schema
- Set up API endpoints
- Write documentation
- Deploy to production
3ハイパーリンク、画像、メディア
画像を埋め込み、テキストにハイパーリンクを追加し、Base64 エンコードされた画像を使用します。標準的なリンク構文と画像の挿入について学びます。
[Visit MD2Word](https://markdowntoword.pro)

**Image with Link:**
[](https://markdowntoword.pro)
**Base64 Image:**
4引用ブロックと GitHub アラート
引用ブロックと GitHub スタイルのアラート(メモ、ヒント、重要、警告、注意)を使用して、重要な情報を強調表示します。
> 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 など)のシンタックスハイライト付きコードスニペットを表示し、変数のインラインコードを使用します。
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 テーブルでデータを整理し、セルの配置を制御し、楽しい絵文字を挿入してドキュメントを強化します。
| Feature | Support | Notes |
| :--- | :---: | ---: |
| **Tables** | ✅ | Easy to read |
| **Alignment** | 🟢 | Left/Center/Right |
| **Math** | 🧮 | KaTeX based |
| **Charts** | 📊 | Mermaid based |
| **Emojis** | 🎉 | :rocket: :heart: :smile: || Feature | Support | Notes |
|---|---|---|
| Tables | ✅ | Easy to read |
| Alignment | 🟢 | Left/Center/Right |
| Math | 🧮 | KaTeX based |
| Charts | 📊 | Mermaid based |
| Emojis | 🎉 | :rocket: :heart: :smile: |
7脚注と参照
必要な参照を提供しながらコンテンツをクリーンに保つために、学術的なスタイルの引用と脚注を追加します。
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.8HTML 要素(折りたたみ可能な詳細)
<details> や <summary> などの生の HTML タグを使用して、FAQ や追加コンテンツ用のインタラクティブな折りたたみ可能なセクションを作成します。
<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...
- Be nice
- Write good markdown
9LaTeX 数学と数式
LaTeX 構文の数式ブロック(KaTeX)を使用して、複雑な数式をレンダリングします。科学的および学術的な執筆に最適です。
### 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 . The mass-energy equivalence:
2. Medium (Integrals & Fractions)
The Gaussian Integral:
3. Complex (Limits & Summation)
Definition of Derivative:
Sum of Squares:
10Mermaid ダイアグラムとチャート
フローとデータを視覚化します。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
```