Markdown編輯器

使用說明

📝 功能介紹

Markdown編輯器是一個功能強大的線上編輯工具,支援即時預覽、語法醒目顯示、快捷鍵操作等功能,協助您快速編寫和編輯Markdown檔案。

✨ 主要特性

  • 即時預覽: 左側編輯,右側即時預覽效果
  • 語法醒目顯示: 支援Markdown語法醒目顯示顯示
  • 快捷鍵支援: 提供豐富的快捷鍵操作
  • 多種匯出: 支援匯出 Markdown和HTML格式
  • 響應式設計: 適配各種螢幕尺寸
  • 本機儲存: 自動儲存編輯內容到本機

💡 使用步驟

  1. 在左側編輯區域輸入或粘貼Markdown內容
  2. 右側會即時顯示渲染後的效果
  3. 使用工具欄按鈕或快捷鍵進行格式化
  4. 編輯完成後點擊"匯出 Markdown"儲存.md 檔案
  5. 或點擊"匯出 HTML"生成完整的HTML檔案

⌨️ 常用快捷鍵

  • Ctrl + B: 加粗文字
  • Ctrl + I: 斜體文字
  • Ctrl + K: 插入鏈接
  • Ctrl + Shift + I: 插入圖片
  • Ctrl + Shift + C: 插入程式碼塊
  • Ctrl + Shift + Q: 引用文字
  • Ctrl + Shift + L: 無序列表
  • Ctrl + Shift + O: 有序列表

📋 支援語法

  • 標題: 使用 # 符號(# 一級標題,## 二級標題等)
  • 文字格式: **粗體**、*斜體*、~~刪除線~~
  • 鏈接: [鏈接文字](URL)
  • 圖片: ![alt文字](圖片URL)
  • 程式碼: `行內程式碼` 和 ```程式碼塊```
  • 列表: - 無序列表 和 1. 有序列表
  • 引用: > 引用文字
  • 表格: 使用 | 分隔列,--- 分隔表頭
  • 分割線: 使用 --- 或 ***

🎯 適用場景

  • 編寫技術文件和README 檔案
  • 建立部落格文章和筆記
  • 製作項目說明檔案
  • 編寫API檔案
  • 製作簡報
  • 記錄學習筆記和知識整理

⚠️ 注意事項

  • 編輯器會自動儲存內容到瀏覽器本機儲存
  • 重新整理頁面後內容不會丟失
  • 建議定期匯出重要文件到本機檔案
  • 支援大部分標準Markdown語法
  • 某些特殊語法可能需要檢視具體支援情況
  • 匯出 HTML時會生成完整的HTML檔案結構

❓ 常見問題

  • Q: 如何插入表格?
    A: 使用 | 分隔列,第二行使用 --- 分隔表頭,例如:| 列1 | 列2 | 列3 |
  • Q: 支援數學公式嗎?
    A: 支援 LaTeX數學公式,使用 $ 符號包圍,如 $E=mc^2$
  • Q: 可以自訂樣式嗎?
    A: 匯出的HTML 檔案可以進一步自訂CSS樣式。
  • Q: 支援流程圖和時序圖嗎?
    A: 支援 Mermaid語法繪製流程圖、時序圖等。
  • Q: 如何插入程式碼醒目顯示?
    A: 在程式碼塊後指定語言,如 ```javascript 或 ```python