前言

网站搭建好后，首要解决的就是文章的编辑和排版。WordPress自带的会有一个文档编辑器，类似于Word那种形式，然而作为一个程序员在写文档的时候怎么能不用Markdown呢？本文就介绍下我是如何使用Markdown进行文章的编辑和发布的。

WP Editor.md

原生的WordPress Editor是不支持MD的格式的，所以就需要插件——WP Editor.md，这是个在github开源的插件，能够让WP Editor支持Markdown语法并实时预览。该插件支持MD的标准语法和扩展语法，所以不用担心表格、公式等无法渲染，不熟悉的同学可以去Markdown 语法教程查阅。

Typora

安装好插件之后虽然可以实现md的编辑和预览，但由于是web端的编辑器，所以整体的体验不是很好。这个时候就需要全平台支持的免费MD编辑器——Typora出场了。界面简洁，功能完善，所见即所得，最主要是免费，还能搭配图片上传的插件实现复制上传（后面介绍）。在没建站之前我就一直用的这款软件，真正的良心之作。

有了Typora + WordPress Editor的搭配，排版再也不用在编辑器上点巴点巴的了，也不用担心在web端保存文章草稿时出现未知错误导致修改丢失，让码字变成了一种享受。在“偏好设置”里面设置“重新启动打开上次使用的文件和目录”，就不用每次打开软件还要去选择文件，可以接着上次的修改继续写。

图床

不知道大家在文章中引用图片的步骤是怎样的？我在写第一篇博客的时候，里面的图片都是在wp-admin上手动上传到媒体库，然后复制url进行引用，过程极为繁琐。之后在鼓捣Typora的时候偶然发现它支持复制图片上传到图床，这岂不是图片引用的救星？所以我们需要自己搭建一个图床，用于存放博客中的图片、gif等。

七牛云

图床要想得到更好的用户体验，oss绝对是最优选，不仅空间无限，而且有优秀CDN服务，当然你得有钱。这里推荐一个每月送10G存储空间、10G CDN回源流量的oss服务——七牛云，获取资格也很简单，只要注册并实名认证，10G的空间每月免费送。登录之后选择对象存储服务—>新建空间，然后安装提示操作即可，访问权限选择公开。如果流量用超了，会按照 0.**元\G\月的方式进行扣费，由于我测试过程中流量没用完，所以也不知道是预付费模式还是后付费模式。

Gitee

作为一个铁公鸡，最终我选择了Gitee（真的很佩服大佬们的智慧，能把代码托管平台转变成图床）简单来讲就是使用git push的方式把图片推到远程仓库，然后提供外网访问的链接。搭建过程也很简单，在gitee上建立一个开源仓库，初始化仓库和分支模型的选项随便选，保证仓库存在master分支，不然后导致上传失败。接下来就需要配置Typora了。

uPic

Typora支持的图片上传的插件有很多，我选择了开源的uPic。安装好uPic之后，浏览器打开之前在gitee上新建的仓库，地址栏应该是这样的格式https://gitee/jnduck/test，用户名即jnduck，仓库名即test，Token的获取是在gitee的个人设置里面找到私人令牌，新建一个令牌然后复制key填入即可，然后点击验证测试能否上传。使用Gitee的优势在于空间几乎可以说是无限，一个仓库的容量满了，可以再新建一个仓库继续上传，虽然访问速度没有oss快，但是也够用了，相比wp的媒体库会快很多，而且操作更方便，最主要的是免费！！！

Typora的配置也很简单，附图说明：

文章发布

Typora里面command + A全选复制，粘贴到WordPress Editor里面即可，发布前记得预览检查有没有格式问题。

结语

拥抱开源！！！

欢迎订阅我的博客：杰尼鸭
原文链接：https://www.jnduck/?p=54

更多推荐

Wordpress + Markdown终极搭配