Markdown プレビュー
コピーしました！
下のエディターにMarkdownを書くか貼り付けてください。プレビューはリアルタイムで更新されます。すべての処理はブラウザ内でローカルに行われます。
Markdownチートシート
| Markdown | 結果 |
|---|---|
# Heading 1 | 見出し1 |
## Heading 2 | 見出し2 |
**bold** | 太字 |
*italic* | 斜体 |
~~strike~~ | |
`code` | コード |
| Markdown | 結果 |
|---|---|
[link](url) | ハイパーリンク |
 | 画像 |
- item | 箇条書きリスト |
1. item | 番号付きリスト |
> quote | 引用 |
--- | 水平線 |
プレビューの正確さは背後のレンダラー次第で、本当に問題になるのは最終的にあなたの文章を公開するシステムです。違いは基本のところではなく端に出ます。段落内の改行の扱い、生の HTML が残るかどうか、4 でなく 2 スペースで字下げしたリストの行方です。共通のコアに向けて書けば、こうした違いは気にならなくなります。
マークアップに手こずっていませんか
エスケープされた実体参照、崩れた文字コード、CMS では正しく見えるのにページでは違って見える内容。たいていは、どこかが推測で処理しているサインです。当社はフロントエンドと、その背後にある公開の流れまで作ります。書いたとおりに訪問者へ届けるためです。
サイトについて相談するよくある質問
1 つだけの改行が消えるのはなぜですか
Markdown が連続する行を意図的に 1 つの段落にまとめるからです。改行を強制するには行末に 2 つの空白か円記号を置くか、空行を入れて新しい段落を始めてください。
自分のサイトでも同じに見えますか
構造は同じですが、見た目は違います。プレビューは独自のスタイルシートを当てます。ここで確かめるべきは、文書が意図どおりに解析されたかどうかです。
アスタリスクをそのまま書くには
前に円記号を置いてください。Markdown が特別扱いするどの文字にも使え、下線を含むファイル名が半分の文を斜体にしてしまうときの確実な対処です。
コードブロックのインデントが崩れるのはなぜですか
インデントに頼らず、バッククォート 3 つのフェンス付きブロックを使ってください。字下げ方式も動きますが、リストと相性が悪く、余分な空白ひとつで壊れます。フェンスなら曖昧さがありません。
貼り付けた内容はどこかに送られますか
いいえ、ブラウザー内で描画されます。理由はいつもと同じで、プレビューに貼られるのはたいてい下書きや社内メモ、公開前の文書だからです。