Markdown是一种标记语言，用纯文本编写，按照语法自动排版，十分适合写作。曾经，就是两年前，我热衷寻找两类应用，一类是RSS阅读器，另一类就是Markdown编辑器。在Mac App Store上，我找到了Reeder和MWeb，这两款应用都设计、功能和体验上都很好，不过都是收费应用。因为大学专业是计算机，所以当时我就想，自己写不就免费了吗？
去年，我写了一个简单的RSS阅读器，我叫它Breeder，就是“Be a Reader”的意思；今年，我又写了一个简单的Markdown编辑器，我叫它Briter，也就是“Be a Writer”的意思。
Briter是一个网页应用，大部分功能是基于JS+PHP开发的，只要注册一个账号，就能开始你的Markdown之旅。体验地址：https://www.briter.site/try
那么，Briter对比其他Markdown编辑器，有什么过人之处值得介绍的呢？
其实，Briter并没有什么过人之处😳。而且，还有一个致命缺陷--因为我的服务器是在国外，所以国内电信网络的访问响应速度可能会很慢，不过移动网络的倒是不错。
好了，丑话前头说了，下面就要厚着脸皮来介绍一下我的劣作了😁！
分屏预览
大部分的Markdown编辑器都支持，不多说，看图：
Sublime快捷键
Sublime是一个文本编辑器，大部分程序员都使用过。Briter绑定了与Sublime相同的快捷键，比如快速保存：Super+S，多行编辑：Super+D等等。截图展示不出来，欢迎大家访问体验。
图库管理和拖拽上传
Briter提供图片上传，并且记录每张图片，予重复使用：
如果嫌上传图片、插入图片的步骤繁琐的话，可以直接拖拽本地图片到编辑框，Briter会自动插入这张图片（当然你不能直接在体验页面插入图片，因为需要登录账号）：
所有上传的图片都存储在七牛云空间上，其访问链接是可编程的，比如设置图片的宽高为96x96，就在图片链接后面加上参数
?imageView2/0/w/96/h/96，详细内容请参考七牛云的图片基本处理。
Markdown Plus
Briter使用markdown-core和markdown-it扩展了Markdown语法，在原本基础上，大家还可以写数学公式、画流程图、甘特图等等：
生成HTTP链接和图片
点击个人草稿或者文章，会弹出文章的预览框，框上左边有两个图标按钮，一个是跳向HTTP访问地址，一个是生成文章截屏图片，主要是用于文章分享：
文章网页展示效果（截屏效果）：
最后
总结
Briter只是个人作品，不会有太多的运营推广。目前阶段，是希望作为一个便捷工具，方便大家使用。比如说，临时有些想法，需要快速记录下来，又可以自动排版，还有个地方可以分享展示，那么Briter应该能帮助你。
不足
- 因为服务器在国外，所以国内电信网络访问延时比较大，已经尽力优化了（所有js、css、images、fotns等资源都搬到国内了），移动网络和联通网络延时应该比较小；
- 本来是想编辑区和预览区两边实时同步滚动的，但是这样编辑的时候就会滚上滚下的，所以目前只是预览区跟随编辑区滚动，编辑区不跟随预览区滚动；
- 如果文章较长且使用了复杂的Markdown语法，页面就可能出现卡顿，这时应该关闭实时预览；
- 对IE浏览器版本要求高，最好IE10以上，不过，喜欢IE8的话，应该不常用Markdonwn；
- 在手机端，中文输入体验很差，看以后怎么解决。
鸣谢
- 谢谢VueJS全家
- 谢谢Muse-UI
- 谢谢CodeMirror
- 谢谢markdown-it
- 谢谢tylingsoft的markdown-core
- 谢谢Chart.js
- 谢谢mermaid
后续
目前Briter功能尚未完整，如有时间会尽快补上：
- 个人中心（用户头像，修改密码等等）
- 资源管理（图片资源的增删、排序等等）
- 个人展示页（查看其他用户的个人信息）
- 关注收藏
- 文章PDF导出
- ···
