Markdown構文チートシート
見出し、強調、リンク、リスト、コード、引用、水平線、テーブルの早見表——ここで使うGitHub風Markdown（GFM）に沿っています。
見出し
# H1 ## H2 ### H3
強調
**太字** *斜体* ~~取り消し線~~
リンク
[ラベル](https://html-viewer.org/ja) <https://html-viewer.org/ja>
リスト
- 項目 - 項目 1. 一つ目 2. 二つ目
コード
インライン `code` ```ts const x = 1 ```
引用
> 引用行 > 二行目
水平線
---
テーブル（GFM）
| A | B | |---|---| | 1 | 2 |
変換後もデザインされたように見えるMarkdown HTML 変換
多くのコンバータは`# 見出し`を`<h1>`に置き換えて終わります。急ぎのダンプには十分ですが、多くの公開ワークフローには読みやすいタイポグラフィが必要です。快適な行長、パイプの壁に潰れないテーブル、通常の段落に見えないコードブロック。このページはその二番目の仕事向け——Markdown HTML 変換し、クライアントサイト、ニュースレターアーカイブ、Squarespaceのコードブロックに貼れるmarkupを持ち帰る。 ページ読み込み後はすべてローカルで動作。Obsidian、Notion、GitHub、プレーンテキストから貼り付け可能。パーサーはパイプテーブルとフェンスコードを含むGitHub風Markdownに対応。見出しIDは見出しテキストから生成され、アンカーリンクは書き出し後も維持されます。準備ができたらCMS埋め込み用のサニタイズ済みフラグメントをコピーするか、選んだテーマとカスタムスタイルを1つの`<style>`ブロックに焼き込んだ完全HTMLをダウンロードしてください。
タグ翻訳だけでなく、整ったレイアウト
差別化はシンプルです。変換に加えてプレゼンテーション。プレビューテーマ（GitHub風、セリフ文書、ナイト、ミニマル）を選び、ワンクリックでスタイルプリセット——マガジン、ローズ・エディトリアル、ブログProなど——を適用すると、カスタムCSSパネルが一瞬で埋まります。コピー前にプレビューでレイアウトの変化を確認できます。これが「ワンクリック体裁」——締切前にテーブル枠線のルールを20行手書きする必要はありません。 より細かく制御したい場合はCSSを直接編集。完全ドキュメント書き出しでは、組み込みテーマとカスタムルールがダウンロードHTMLに統合され、ツールで承認した見た目のままファイルが開きます。フラグメント書き出しは構造のみ——Squarespace、WordPress、任意のHTML埋め込み向けのクリーンなタグ。完全書き出しは単体プレビュー、引き渡し、トップページplaygroundでの続き編集向けです。
公開ツールにふさわしいセキュリティ：DOMPurifyが危険なmarkupを除去しつつ、テーブル、リンク、リスト、コードブロック、見出しIDは保持。生HTMLビューで貼り付け前に`<thead>`／`<tbody>`を確認。パネルヘッダーでプレビューと生HTMLを切り替え、入力側でMarkdownとカスタムCSSを切り替え。アカウント不要、アップロードキュー不要、「まずPandocを入れて」という迂回も不要です。
コンバータを開くワンクリックスタイルプリセット
8種類の完成CSSレイアウトがワンクリックでカスタムCSSに入ります。プレビューは即時更新——ローズ、オーシャン、CMS仕上げを、Markdown用CSSのGitHub gistを探さずに比較できます。
検証できるGFMテーブル
サンプル文書にテーブル付き。編集してプレビューでセルを確認し、ページビルダーに入れる前にHTML構造を確かめられます。
2つの書き出し形態
埋め込みブロック向けHTMLフラグメント。1ファイルにスタイルを埋め込みたいとき、またはメインplaygroundでHTMLをプレビューしたいときは完全HTMLドキュメント。
SquarespaceなどCMS向けのMarkdown HTML 変換テーブル
下書きのパイプテーブルが本物の`<table>`markupになります。フラグメント書き出しを選び、コードまたはHTMLブロックに貼り、本番サイトでプレビュー——テンプレートが最終判断しますが、WYSIWYGの表ツールと格闘する代わりに、きれいな構造から始められます。
貼り付け前に見えるレイアウト
ライブプレビューはサンドボックス化されたiframeで動作。テーブル、引用、フェンスコードは入力に合わせて更新。テーマがベースを決め、スタイルプリセットがワンクリックで編集系レイアウトを重ねます。完全ドキュメント書き出しは見たままが得られるもの——別の謎のスタイルシートはありません。
Markdown HTML 変換する手順
Markdownを貼り付けまたは作成
サンプルから始めるか、自分のファイルを貼り付けます。初期状態にはGFMテーブル、ネストリスト、引用、フェンスコードブロックが含まれ、実際に使う要素を試せます。
ワンクリックで体裁を選ぶ
プレビューテーマを選び、仕上がりを急ぐならスタイルプリセットを開きます——マガジン、ソフトカード、スタートアップなどがカスタムCSSタブにCSSを書き込みます。書き出し前に右のプレビューでタイポグラフィを確認してください。
フラグメントか完全ドキュメントか
CMSコードブロック向けはフラグメント（構造のみ）。ファイルを開いたときに`<head>`にテーマとカスタムCSSが入っているべきときは完全ドキュメント。生HTMLはコピーまたはダウンロードされる内容をそのまま表示します。
コピー、ダウンロード、playgroundで開く
HTMLをクリップボードにコピー、`.html`をダウンロード、またはトップページplaygroundでHTMLをプレビュー。コピー・ダウンロード・クリアは書き出しメニュー横のアイコンのみ——コンパクトなツールバーです。
Markdown HTML 変換ツールに関するよくある質問
信頼できる体裁でMarkdown HTML 変換
テーマ、ワンクリックプリセット、GFMテーブル、フラグメントまたは完全書き出し——無料、登録不要。
Markdown HTML 変換
- ワンクリックスタイルプリセットで整った出力
- ライブプレビュー付きGFMテーブル
- フラグメントまたは完全HTML書き出し
- 読み込み後はブラウザ内で動作
公開前にCMSの埋め込みルールを確認してください。
メモアプリから貼り付け可能なHTMLへ
変換、プレビューでスタイル決定、コピーまたはダウンロード——ローカルツールチェーン不要。