WordPress与Mou，技术博客如何高效写作？-睿诚科技协会

为什么选择 WordPress + Mou 这个组合？

在开始之前,我们先理解这个组合的核心优势：

（图片来源网络，侵删）

写作体验极佳 (Mou):
- 专注 Markdown: Markdown 语法简洁，让你专注于内容本身，而不是复杂的排版，代码块、列表、引用等都能轻松实现。
- 实时预览: Mou 的分栏或全屏预览功能，让你能即时看到文章的最终效果,所见即所得。
- 快捷键支持: 全程使用键盘,大幅提升写作效率。
- 专注模式: 提供无干扰的全屏写作环境。
功能扩展性强 (WordPress):
- 强大的 CMS: WordPress 不仅仅是一个博客系统，它是一个功能完备的内容管理平台，你可以轻松添加页面、分类、标签、自定义菜单等。
- 丰富的主题和插件: 海量的免费/付费主题可以瞬间改变你的博客外观；强大的插件可以实现 SEO 优化、评论管理、数据分析等几乎所有你能想到的功能。
- SEO 友好: WordPress 本身以及众多 SEO 插件（如 Yoast SEO、Rank Math）能帮助你优化博客,在搜索引擎中获得更好的排名。
- 社区支持: 拥有全球最大的用户和开发者社区,遇到任何问题几乎都能找到解决方案。

这个组合完美地平衡了 “写作前端” 和 “发布后端”，Mou 负责让你写得爽，WordPress 负责让你的博客功能强大、美观且易于管理。

核心工作流程：从 Mou 到 WordPress

整个流程的核心在于：在 Mou 中用 Markdown 写作，然后通过某种方式将其转换为 WordPress 可以识别的格式，并发布到你的博客上。

（图片来源网络，侵删）

目前主要有两种主流的实现方式：

使用 Markdown 插件 + 手动复制粘贴 (适合初学者)
- 原理: 在 WordPress 中安装一个支持 Markdown 的插件，然后在 Mou 中写好文章，复制 Markdown 源码，粘贴到 WordPress 的“文本”编辑器中。
- 优点: 简单直接,无需任何技术配置。
- 缺点: 需要手动复制粘贴，无法自动同步标题、分类、标签等元数据,且代码高亮需要依赖插件。
使用静态站点生成器 + 自动部署 (推荐，更专业)
- 原理: 使用 Hugo 或 Hexo 等静态站点生成器，你在 Mou 中写作，将其保存为 .md 文件，然后通过一个命令，工具会自动将所有 .md 文件和主题模板生成为静态的 HTML 文件，再通过一个脚本（如 rsync）将这些 HTML 文件自动部署到你的 WordPress 服务器上（通常需要配合一个插件，如 WP Static HTML Plugin）。
- 优点: 极快的网站加载速度（无数据库查询）、强大的版本控制（用 Git 管理你的文章）、高度安全、可以完全自定义博客结构。
- 缺点: 技术门槛较高，需要熟悉命令行、Git 和一些服务器知识。

详细搭建指南 (推荐方式一：手动复制粘贴)

对于大多数用户来说，方式一足够好用且易于上手，下面我们以这种方式为例,提供详细步骤。

（图片来源网络，侵删）

第 1 步：准备你的 WordPress 博客

如果你还没有 WordPress 博客，你需要先准备一个,你有几个选择：

独立服务器/VPS: 购买一台云服务器（如阿里云、腾讯云、Vultr、DigitalOcean），自己安装 LAMP/LNMP 环境（Linux + Apache/Nginx + MySQL + PHP），然后安装 WordPress。（最灵活，但需要一定技术能力）
虚拟主机/主机空间: 购买一个支持 PHP 和 MySQL 的虚拟主机空间，通过其提供的控制面板（如 cPanel、Plesk）一键安装 WordPress。（最简单，适合新手）
WordPress.com: 官方提供的托管服务。（最简单，但自由度和自定义能力较低，且免费版有广告）

本指南假设你已经拥有一个可正常访问的 WordPress 网站。

第 2 步：为 WordPress 安装 Markdown 插件

这是连接 Mou 和 WordPress 的桥梁,我们推荐两款最受欢迎的插件：

Jetpack by WordPress.com: 这是一款功能极其强大的“瑞士军刀”插件，它自带一个 Markdown 模块，启用后即可在 WordPress 中使用 Markdown。
- 安装: 在 WordPress 后台 插件 -> 安装插件，搜索 "Jetpack",然后安装并激活。
- 配置: 激活后，进入 设置 -> Jetpack，找到 写作 -> Markdown，勾选 为文章和页面启用 Markdown。
WP Markdown: 一个更轻量、专注于 Markdown 的插件。
- 安装: 同样在 插件 -> 安装插件 中搜索并安装。

推荐选择 Jetpack，因为它除了 Markdown，还提供了无限滚动、站点加速、图片 CDN 等许多其他有用功能。

第 3 步：配置 Mou 和 Markdown 插件的语法高亮

代码高亮是技术博客的灵魂，为了让 Mou 和 WordPress 的代码高亮效果一致,需要进行配置。

在 Mou 中设置代码高亮样式:
- 打开 Mou，点击菜单栏 Mou -> Preferences。
- 切换到 Themes 标签页。
- 在 Code Block 部分，选择一个你喜欢的代码高亮主题，GitHub 或 Sunburst,记下这个主题的名称。
在 WordPress 中配置 Jetpack:
- 进入 WordPress 后台的 设置 -> Jetpack -> 写作。
- 在 Markdown 部分,确保你已经启用了它。
- 向下滚动找到 Syntax Highlighting（语法高亮）选项。
- 勾选 Enable syntax highlighting。
- 在旁边的下拉菜单中，选择一个与 Mou 中设置相匹配的主题，Mou 中选了 GitHub，这里就选 GitHub，这样你的代码块在 Mou 和博客上看起来就是一样的了。

第 4 步：开始你的写作与发布工作流程

万事俱备,可以开始享受写作的乐趣了！

在 Mou 中写作:

打开 Mou,新建一个文档。

使用 Markdown 语法撰写你的技术文章。

# 这是一篇关于 WordPress + Mou 的技术文章
这是一段正文，使用 **Markdown** 可以轻松实现加粗。
## 代码示例
下面是一个 Python 的 "Hello, World!" 示例：
```python
def hello_world():
    print("Hello, WordPress and Mou!")
if __name__ == "__main__":
    hello_world()

这是一个引用块,用于强调某些观点。

列表项一
列表项二

写作过程中，你可以随时按 Command + R 切换到实时预览模式,检查效果。

发布到 WordPress:
- 复制 Markdown 源码: 在 Mou 中，确保你处于“源码模式”（默认就是），全选文章内容（Command + A），然后复制（Command + C）。
- 登录 WordPress 后台: 进入你的 WordPress 管理后台。
- 新建文章: 文章 -> 写文章。
- 切换到“文本”编辑器: 在编辑器右上角，点击 文本 标签页。（这是关键步骤！如果你在“视觉”编辑器中粘贴，Markdown 语法会被错误地转换）
- : 将你在 Mou 中复制的 Markdown 源码,粘贴到文本编辑器中。
- 设置文章属性: 切换到“视觉”编辑器（此时文章已经被正确渲染），设置文章标题、分类、标签、特色图片等。
- 发布: 点击 发布 按钮。

恭喜！一篇格式优美、代码高亮的技术文章就成功发布到你的 WordPress 博客上了。

进阶优化与替代方案

当你熟悉了基本流程后,可以考虑以下优化：

使用 Markdown 编辑器替代 Mou:
- MacDown: 免费、开源，功能强大，是 Mou 的一个优秀替代品。
- Typora: 极简风格，所见即所得（所见即 Markdown），写作体验非常流畅,但收费。
- VS Code: 如果你已经是开发者，用 VS Code 写 Markdown 是一个绝佳