wordpress中好用的markdown编辑器

在 WordPress 中，虽然默认的 Gutenberg 编辑器已经非常强大，但对于习惯使用 Markdown 的用户，安装专门的 Markdown 编辑器插件可以显著提高写作效率。以下是一些好用的 Markdown 编辑器插件，根据功能、兼容性和用户体验进行推荐：

1. Jetpack by WordPress.com

特点：

• 内置 Markdown 支持：启用 Jetpack 的 Markdown 模块后，可以在编辑器中直接使用 Markdown 语法。
• 实时预览：支持 Markdown 语法高亮和实时预览。
• 广泛的功能：除了 Markdown，Jetpack 还提供安全、性能优化、站点统计等功能。

使用方法：

1. 安装并启用 Jetpack 插件。
2. 在 Jetpack 设置中启用 Markdown 功能。
3. 在写作时直接使用 Markdown 语法，或切换到代码编辑器。

适用人群：需要 Markdown 支持同时又希望整合其他站点管理功能的用户。

2. WP Githuber MD

特点：

• 全功能 Markdown 编辑器：提供类似 GitHub 风格的 Markdown 编辑体验。
• 所见即所得 (WYSIWYG)：实时预览，左边输入 Markdown，右边直接显示渲染效果。
• 自定义样式：支持自定义代码高亮、表格和数学公式（MathJax）。

使用方法：

1. 安装 WP Githuber MD 插件。
2. 启用插件后，在文章或页面编辑时会自动加载 Markdown 编辑器。
3. 支持导入和导出 Markdown 文件。

适用人群：重度 Markdown 用户，特别是习惯 GitHub 风格的写作者。

3. Markdown Editor

特点：

• 简洁轻量：专注于基础 Markdown 语法的支持，不附加太多额外功能。
• 兼容 Gutenberg 和 Classic 编辑器：可以在两种编辑器模式下使用。
• 自动渲染：在发布文章时自动将 Markdown 渲染为 HTML。

使用方法：

1. 安装 Markdown Editor 插件。
2. 在设置中启用 Markdown 支持，编辑时直接输入 Markdown 语法即可。

适用人群：喜欢简单、无需复杂配置的 Markdown 编辑体验的用户。

4. WP Markdown Editor (Formerly Dark Mode)

特点：

• Markdown + 暗黑模式：不仅提供 Markdown 编辑功能，还可以切换暗黑模式，保护眼睛。
• 自定义主题：提供多种编辑器主题，可以根据个人喜好调整编辑器外观。
• 实时预览：支持实时 Markdown 渲染和语法高亮。

使用方法：

1. 安装 WP Markdown Editor 插件。
2. 在设置中启用 Markdown 编辑模式和暗黑主题。
3. 享受简洁、美观的写作体验。

适用人群：需要暗黑模式和个性化主题的 Markdown 爱好者。

5. Easy Markdown

特点：

• 简单易用：安装即用，不需要复杂配置。
• 自动转换：在保存文章时自动将 Markdown 转换为 HTML。
• 兼容性好：适用于各种主题和插件，不容易冲突。

使用方法：

1. 安装 Easy Markdown 插件。
2. 启用后，在写作时直接使用 Markdown 语法，插件会自动处理转换。

适用人群：不需要复杂功能，只希望简单支持 Markdown 语法的用户。

6. Parsedown for WordPress

特点：

• 高性能解析器：使用 Parsedown 库，提供快速且高效的 Markdown 解析。
• 轻量级：不增加额外负担，适合性能要求较高的网站。
• 代码高亮支持：良好的代码高亮和格式化支持。

使用方法：

1. 安装 Parsedown for WordPress 插件。
2. 在设置中启用 Markdown 支持，编辑文章时直接使用 Markdown 语法。

适用人群：追求高性能和简洁功能的技术类写作者。

7. Advanced Editor Tools (原 TinyMCE Advanced)

特点：

• 扩展 Gutenberg 编辑器：在块编辑器中添加更多 Markdown 支持。
• Markdown 快捷键：支持 Markdown 样式快捷键，例如 **加粗**、*斜体* 等。
• 自定义工具栏：可以自定义编辑器工具栏，增强写作体验。

使用方法：

1. 安装 Advanced Editor Tools 插件。
2. 在 Gutenberg 编辑器中使用 Markdown 快捷键，或切换到代码模式进行编写。

适用人群：希望在 Gutenberg 编辑器中增加 Markdown 功能的用户。

8. Typewriter

特点：

• 极简写作环境：提供专注于写作的全屏模式，类似于 Medium 风格。
• 支持 Markdown 语法：可以直接在简洁的界面中使用 Markdown 编写。
• 实时预览：所见即所得，适合专注内容创作的用户。

使用方法：

1. 安装 Typewriter 插件。
2. 启用后在文章编辑界面中享受简洁的写作体验，直接使用 Markdown 语法。

适用人群：喜欢极简、无干扰写作环境的创作者。

总结与推荐

我的推荐：

• 如果你需要完整的 Markdown 写作体验，推荐 WP Githuber MD 或 WP Markdown Editor。
• 如果你希望插件轻量、配置简单，选择 Easy Markdown 或 Parsedown for WordPress。
• 如果你已经在使用 Gutenberg 编辑器，Advanced Editor Tools 可以直接扩展你的功能。

如果你有特定需求，或者需要插件的安装和配置指导，随时告诉我！ 😊

试用过上面几种插件后，强烈推荐WP Githuber MD！功能强大，配置也方便

WP Githuber MD 是一个功能强大的 Markdown 编辑器插件，提供类似 GitHub 风格的编辑体验。安装完成后，还需要进行一些基础配置，以确保你可以在 WordPress 中顺利使用它。以下是详细的安装和配置步骤：

1. 安装 WP Githuber MD 插件

1. 登录 WordPress 后台
   进入你的 WordPress 网站后台，地址通常为 http://你的域名/wp-admin。

2. 导航到插件安装页面
   在左侧菜单中，点击 “插件” → “安装插件”。

3. 搜索 WP Githuber MD
   在右上角的搜索框中输入 “WP Githuber MD”，找到插件后点击 “立即安装”。

4. 启用插件
   安装完成后，点击 “启用” 按钮，插件就会在你的 WordPress 网站上生效。

2. 配置 WP Githuber MD 插件

1. 进入插件设置页面
   启用插件后，在左侧菜单中会出现 “WP Githuber MD” 的选项。点击它进入设置页面。

2. 常规设置（General Settings）
   在 “常规设置” 页面，你可以进行以下调整：

   • 启用 Markdown 编辑器（Enable Markdown Editor）
     确保此选项被勾选，启用后你可以在写文章时使用 Markdown 编辑器。

   • 启用实时预览（Enable Live Preview）
     勾选此选项可以在编辑器中实时看到 Markdown 的渲染效果，确保所见即所得。

   • 自动保存草稿（Enable Auto Save）
     如果你希望系统自动保存编辑内容，可以启用此功能，避免数据丢失。

3. 外观设置（Appearance Settings）
   你可以在这里调整编辑器的外观，使其更符合你的使用习惯：

   • 启用暗黑模式（Enable Dark Mode）
     如果你喜欢深色主题，勾选此选项可以切换到暗黑模式，保护眼睛，适合长时间写作。

   • 选择编辑器主题（Editor Theme）
     提供多种编辑器主题样式，可以根据自己的喜好选择适合的配色方案。

4. 语法和扩展设置（Syntax & Extensions）
   此部分用于增强 Markdown 功能，特别适合技术类写作或复杂排版需求：

   • 启用代码高亮（Enable Syntax Highlighting）
     勾选此选项后，代码块将支持高亮显示，适合撰写技术文章。

   • 启用数学公式（Enable MathJax for LaTeX）
     如果需要在文章中插入数学公式，可以启用 MathJax 支持。

   • 表格和列表支持（Enable Tables & Lists Extensions）
     启用此选项可以增强表格和列表的渲染效果，使其在前端显示更加美观。

5. 发布设置（Publishing Settings）
   决定文章发布时如何处理 Markdown 格式：

   • 保留 Markdown 格式（Keep Markdown in Source）
     启用此选项后，保存文章时 Markdown 源码会保留在数据库中，方便后续编辑。

   • 转换为 HTML 发布（Convert to HTML on Publish）
     如果你希望发布时自动将 Markdown 转换为 HTML，可以勾选此选项，确保前端显示效果一致。

3. 使用 WP Githuber MD 编写文章

1. 新建或编辑文章
   在 WordPress 后台，点击 “文章” → “写文章”，进入文章编辑页面。

2. 切换到 Markdown 编辑模式
   在编辑器右上角，你会看到 “Markdown 模式” 和 “可视化模式” 的切换按钮。点击 “Markdown 模式”，开始使用 Markdown 语法进行写作。

3. 实时预览 Markdown 内容
   在编辑器左侧输入 Markdown 语法，右侧会实时显示渲染后的效果。例如：

   # 一级标题
   **加粗文本**
   *斜体文本*
   - 列表项 1
   - 列表项 2
   > 引用内容

4. 发布文章
   编辑完成后，点击 “发布” 按钮。如果你启用了 “转换为 HTML 发布” 选项，系统会自动将 Markdown 转换为 HTML 格式在前端显示。

4. 常见问题与解决方法

1. Markdown 渲染后格式错乱？

   • 检查是否启用了 实时预览 和 HTML 转换 功能。
   • 确认没有其他插件与 WP Githuber MD 冲突，尝试禁用其他编辑器相关插件。

2. 代码块不高亮显示？

   • 确认在 语法和扩展设置 中启用了 代码高亮 功能。
   • 检查主题是否加载了代码高亮的 CSS 样式，必要时可手动添加。

3. 文章发布后源代码变成一行？

   • 这可能是由于主题或其他优化插件在渲染时压缩了 HTML 内容。可以检查主题模板中的 the_content 输出方式，或禁用 HTML 压缩插件。

5. 进阶配置（可选）

1. 自定义 CSS 样式
   如果你对文章的 Markdown 渲染效果不满意，可以在 外观 → 自定义 → 额外 CSS 中添加自定义样式。

   例如，调整代码块背景颜色：

   pre code {
      background-color: #f5f5f5;
      padding: 10px;
      border-radius: 5px;
   }

2. 结合 Shortcode 使用
   如果你只想在特定区域使用 Markdown，可以通过短代码调用：

   [markdown]
   # 这是一个 Markdown 标题
   **加粗内容**
   [/markdown]

总结

• WP Githuber MD 提供强大的 Markdown 编辑体验，同时支持可视化模式切换，适合需要灵活编辑的用户。
• 通过调整 外观设置 和 语法扩展，可以根据个人需求定制编辑器功能。
• 如果遇到渲染问题，可以从 插件冲突 或 主题设置 两方面入手排查。

如果你在安装或使用过程中遇到任何问题，欢迎随时向我咨询！😊