ふらめめ
ふらめめ
Home
日記
ブログ
ラボ
Profile
GitHub
·
Home
·
日記
·
ブログ
·
ラボ
·
Profile
·
GitHub
Markdown エディター
✏️ 編集
👁️ プレビュー
B
I
H1
H2
•
1.
🔗
`
```
⊞
↶
↷
📋 コピー
💾 ダウンロード
🗑️ クリア
--- title: Markdownエディターへようこそ！ published: 2025-01-01 description: リアルタイムプレビュー機能付きのMarkdownエディターです。 tags: [エディター, Markdown, プレビュー] cover: "/images/test.png" category: テスト draft: false --- # Markdownエディターへようこそ！ <Summary> - **リアルタイムプレビュー**: 左で編集すると右にすぐ反映されます - **本格的なエンジン**: Astroと同じMarkdownエンジンを使用 - **エクスポート機能**: テキストファイルとしてダウンロード可能 </Summary> ## 特徴 このエディターは、ブログページと**完全に同じ結果**でプレビューできます： - **同じMarkdownエンジン**: unified/remark/rehype - **同じプラグイン**: 数式、GFM、見出しリンクなど - **同じスタイル**: Tailwind Typography + カスタムCSS ## 使い方 ### 基本的な記法 ``` # 見出し1 ## 見出し2 ### 見出し3 **太字** や *斜体* も使えます。 - リスト項目1 - リスト項目2 - ネストされたリスト 1. 番号付きリスト 2. 項目2 [リンク](https://example.com) `インラインコード` ```javascript // コードブロック console.log("Hello, World!"); ``` ``` > 引用文 --- 数学: $E = mc^2$ $$ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} $$ ぜひ自由に編集してお試しください！
--- title: Markdownエディターへようこそ！ published: 2025-01-01 description: リアルタイムプレビュー機能付きのMarkdownエディターです。 tags: [エディター, Markdown, プレビュー] cover: "/images/test.png" category: テスト draft: false --- # Markdownエディターへようこそ！ <Summary> - **リアルタイムプレビュー**: 左で編集すると右にすぐ反映されます - **本格的なエンジン**: Astroと同じMarkdownエンジンを使用 - **エクスポート機能**: テキストファイルとしてダウンロード可能 </Summary> ## 特徴 このエディターは、ブログページと**完全に同じ結果**でプレビューできます： - **同じMarkdownエンジン**: unified/remark/rehype - **同じプラグイン**: 数式、GFM、見出しリンクなど - **同じスタイル**: Tailwind Typography + カスタムCSS ## 使い方 ### 基本的な記法 ``` # 見出し1 ## 見出し2 ### 見出し3 **太字** や *斜体* も使えます。 - リスト項目1 - リスト項目2 - ネストされたリスト 1. 番号付きリスト 2. 項目2 [リンク](https://example.com) `インラインコード` ```javascript // コードブロック console.log("Hello, World!"); ``` ``` > 引用文 --- 数学: $E = mc^2$ $$ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} $$ ぜひ自由に編集してお試しください！