软件工程实践—软件评测

IT 人士都会写文章，写技术文档，实验报告，等等。 写博客谁都会，那么，哪家的博客编辑器最好？ 大家都听说了 Markdown 这种高效率的文档风格，优快云 的 Markdown 编辑器好用么？它对于各种文件格式，插入图像，动画，表格，代码块的支持如何？ 你作为一个开始写博客的人， 发现了什么问题？请写一个详细的博客描述你碰到的问题，以及改进的建议。

第一部分 调研，评测

1.1 网页端博客编辑器调研（Markdown）

1.1.1思否

可以看到，思否的渲染界面还是比较美观的，但是有个问题，就是左边的没有被渲染的字不太美观，非常影响用户写博客的心情，而且，思否的公式编辑器有个致命问题（如下图）：

对数学公式的渲染能力太差，当我在思否写分段函数的时候就会出现解析失败，导致下面一连串的错误，非常影响用户体验。

1.1.2 博客园

博客园作为一个非常主流而且火爆的技术交流社区，可以看到他的编辑界面如下

1. 博客园的文档编辑器居然没有“所见即所得”的实时渲染功能，这就导致一般长一点的文章几乎无法使用博客园自带的博客编辑器来编写，因为有时候用户甚至都不知道自己的markdown语法是不是正确的。不过用户可以在设置里调成实时渲染

   

2. 博客园的有一个优点是可以查看编辑器保存的云端历史版本，可以方便用户的编写和保存。

   

   3. 博客园的编辑器默认是不支持数学公式的，需要用户自己去设置里面设置，而相当大一部分用户是不知道这个的，就会导致用户误以为博客园不支持这个功能。

      

   4. 博客园的后台界面太丑了，严重影响用户编辑心情。

1.1.3 掘金

掘金也是一个比较常见的技术类社区，它的整体界面较为美观，但是对数学公式的支持不是那么完美，也算是比较影响用户体验的一个点，当然也有可能是兼容性问题，导致我这段公式无法被掘金正确渲染。

不过掘金的小工具特别丰富

还有一个问题，就是掘金对代码高亮的样式不太明显，不太美观，个人主观感受

1.2 博客编辑器软件调研（Markdown）

1.2.1 MarkdownPad 2

MarkdownPad 2属于一个比较古老的也很经典的博客编辑器，一般情况下不支持数学公式甚至有一些html的格式也不支持

属于是即将被用户抛弃的产品。

1.2.2 Typora

Typora界面：

Typora优点：

1. 界面简洁清爽，编辑界面没有别的东西影响编辑。
2. 有多种模式功能帮助用户提升编辑体验
3. 有自带主题和可扩展的主题，样式很多可供用户选择

Typora缺点：

1. 不支持云端存储（我不认为这是一个缺点，事实上我认为一个编辑器就应该只需要提供编辑功能，把编辑这件事的用户体验做到极致即可）

2. 从1.0版本开始收费（我也不认为这是一个缺点）

从这几个方面来看，我认为Typora是最好的博客编辑器软件

1.2.3 雨雀

整体上来说雨雀是一款相当不错的博客编辑软件，雨雀的界面如下

不管是语法高亮还是所见即所得，雨雀都做的相当不错，其中对数学公式的支持也是很完美，也支持云端存储构建个人知识库。

同时支持web端和软件端，自动同步

算得上是一款比较完美的markdown编辑器

缺点：

1. 雨雀很多功能都需要在联网的条件下才能使用，单机状态下使用起来比较困难。

2. 雨雀的功能较多，且无法隐藏一些可能用户不太会用的东西，占用编辑空间

   

1.3 优快云的Markdown编辑器

1.3.1 界面元素

最上方是一排功能部件，可以选择使用发文助手检查文章的错别字

1.3.2 对各种元素的支持

1. 对表格的支持

   

​ 可以看出，优快云对表格元素的支持还是很完美的。

2. 对图片的支持

   优快云对图片的支持有两种方式，第一种是直接上传本地图片，由优快云的服务器托管，不过这样有一个缺点，就是文章要在别的平台发布，图片就没有了。第二种就是使用图床，这种方式较为灵活，使用url来直接访问，不过这个方式的缺点就是在本地计算机如果不连接网络的话就无法显示图片。

   

3. 对代码的支持

   

1.3.3 扩展功能

1. 模板功能

   

​ 这个功能可以让用户快速导入一个模板并且进行编辑，还支持自定义模板，总的来说这个功能还是相当不错 的，对效率有很高的提升。

2. 语法说明

   

   这个功能对不熟悉markdown语法的新手来说特别友好

1.3.3 bug

1. 在高校模块里面的markdown编辑器那里把编辑器预览变成全屏模式的时候会有一半的白屏

   

2. 同样是高校这个发帖子的区域，有些图片无法加载

   源代码：

   

   预览的效果：

   

1.3.4 优缺点

• 优点：

  1. 支持视频上传
  2. 支持所见即所得
  3. 界面美观
  4. 支持云备份
  5. 有语法说明、发文助手、模板等丰富的扩展功能
  6. 顶部的菜单栏为对语法不熟悉的用户提供了很大的帮助

• 缺点：

  1. 界面元素过多，有一点影响编辑体验

  2. 图片过大时会不显示外链图片

     

1.4 采访

1.4.1 采访对象的背景和需求

采访对象是我的室友，一个偶尔会有发博客需求的同学，平时学到新东西也会记录下来，也会在优快云上面发表文章

1.4.2 采访对象使用该编辑器

1.4.3 用户使用产品的过程

该编辑器在各方面都做的比较均衡，比较容易上手

1.4.4 对该编辑器的推荐程度

推荐指数	推荐意向
⭐	非常不推荐
⭐⭐	不推荐
⭐⭐⭐	一般
⭐⭐⭐⭐	推荐
⭐⭐⭐⭐⭐	非常推荐

如果把这个编辑器放在web端比较的话，推荐指数就是⭐⭐⭐⭐⭐，该编辑器各方面都比较均衡，渲染能力特别强用作日常的博客编辑发布完全足够。

如果把这个编辑器放在所有的markdown编辑器中比较就是⭐⭐⭐，因为在客户端软件里有很多出色的markdown编辑软件，例如Typora和雨雀，这些软件的功能性和可用性时web端的编辑器无法比拟的。

第二部分 分析

2.1 开发时间估计

使用此软件的所有功能，估计这个软件/网站/服务做到这个程度大约需要多少时间(团队人数6人左右，计算机大学毕业生，并有专业UI支持).

优快云这个编辑器从复杂性来看，6个月左右，这一套编辑器覆盖的功能很广，短时间完成不了。

2.2 同类产品排名估计

这个产品的质量在同类产品中估计名列第几？

它的市场份额估计第几？

两者匹配么？

不匹配的原因是什么？

优快云就web端markdown编写来看在同类产品中应该排名前三

在web端markdown编辑器中优快云市场份额估计第一

两者是匹配的

2.3 bug原因

第一个bug应该是是一个写代码的时候没有注意到这个问题导致的，可能是很少有人发现就没有发现

第二个bug我又发现是因为我有很多图是把图片上传到gitee上面之后引用的gitee导致的不可见，我有一张图片是传的阿里云的oss文件管理服务器，能正确显示，这也许是个bug，也许是优快云团队有意为之。

第三部分 建议和规划

3.1 市场概况

1. Markdown编辑器是对于平时有写博客需求的人来说的必需品，随着从事IT页的人越来越多，使用Markdown编辑器的人只会越来越多，除非出现比Markdown更加方便的语言。
2. 在Web端的Markdown编辑器里面，各种编辑器的体验不如客户端软件的体验

3.2 市场现状

1. csdn的markdown编辑器借着优快云在国内的影响也得到了很好的推广
2. 在Web端Markdown编辑器里面也是佼佼者
3. 后来加入的Segmentfault和掘金的Markdown编辑器虽然在数学公式渲染方面有些瑕疵，不过功能也是相当强大的。

3.3 市场与产品生态

市场是非常巨大的，随着计算机专业越来越热门，那对文档编辑器的需求就会激增。

• 该编辑器的使用人群大概分为三类，大学生、计算机从业人员、某些通过一些途径知道markdown语法编辑器并且愿意付出学习成本去学习这样一种编辑方式的非计算机专业人员。但是主要用户还是计算机从业人员。

3.4 对优快云的编辑器区域的一些看法

1. 我认为左边编辑，右边实时显示效果的方式不太好，因为当我在打字的时候，字是在左边打，效果在右边显示，我要看看左边再看看右边，就比较影响，建议是优快云的编辑器可以把编辑器设计成雨雀和typora那样，编辑区域和效果区域是同一块区域，实现真正意义的所见即所得。可以参考雨雀的web端markdown的编辑方式

2. 打表格对于markdown语法来说是一件比较方便但是语法又比较奇怪的事情，因为|插在文字中我觉得很奇怪，为什么不能在我提的上一条建议的基础上加一个表格快捷生成，当我用|符号把第一行表格生成的时候直接弹出来一个表格让我选几行几列自动生成呢，因为有时候自己在编辑表格的时候往往不知道自己是在第几行。具体效果如下：

​ 我认为这才是真正实用的功能。

3. 或者是在原有优快云编辑器的基础上加一个精简模式来实现我所说的这两个功能，把上方的一些提示性的菜单栏全部删掉，只留下一个编辑框，采用造统一编辑框里面一边编辑一边渲染的模式，也可以使用某个快捷键进入源代码编辑模式，不渲染只编辑，这样使用起来会更加的方便，我相信也会有更多的人更加愿意去使用优快云的自带的编辑器。

4. 最后附加一点，就是我认为优快云的源码编辑的字体太丑了，能不能在浏览器支持的前提下把源码字体做好看一点呢，参考typora源代码字体