Back

博客与写作工具

广告文如期而至,今天来介绍一下我使用的markdown写作工具——MarkEditor。作为书写工具,对我而言最重要的意义就是博客写作。大家不妨先听我唠叨一段我博客的历史,然后你们会明白我的选择。小小透露一下,文末有限时优惠噢!

无聊是第一生产力

这个博客的诞生,完全不是出于什么人生大计,纯粹就是无聊。早在大学期间,我就开始写点小日记,记录一些鸡毛蒜皮的小事,今天又骑车去哪逛了一圈、期末高数又挂了之类(哎我为什么要说又呢)。内容的形式逐渐分化,开始产生一些固定栏目:旅游照片、生活趣事集锦、影评书评、梦中神奇经历、还写过几篇矫情的微型小说。如今这些都原封不动保留着,偶尔翻一翻,也算见证一下当时的青葱岁月。直到大学毕业,我都是直接在博客平台里写,用的是哪家门户已经不记得了,反正纯粹是当作私人日记本在用,访客寥寥。

免不了要走上折腾的道路

毕业一年左右,朋友们说,作为设计师,怎能没有个人网站呢。那时的做法很偷懒,找个相册网站,把作品往上面一扔,博客那边再加个主导航外链。朋友说这也太low了,既然你会点前端,搭个wordpress啊。找了一圈模版,发现都不太符合我的要求。以博客为主的,作品展示效果不好;以作品为主的,文章往往藏得很深。作品反映的是身为设计师的我,而文章更接近完整的我,不能喧宾夺主。

没办法,只好自己卷起袖管改代码,在朋友的指导下理解了域名、空间、独立博客之间的关系,第一个独立博客搭起来了。我还清楚记得第一版的样子,首页有一张大大的海星特写,背后是沙滩与海洋。从中取了天蓝、明黄和咖啡色,作为博客的主要配色。遗憾的是当时没有备份意识,早期的几版博客模版都被彻底覆盖了,什么也没留下。只能找到最后一版wordpress博客的主页,贴出来供大家吐吐槽:

不能忘了,写作是初衷

模板一套又一套地改,从别人的独立博客学到了许多技术知识。这些博客往往有个特点,翻它早期的文章,可以看到一些生活和感悟,后来就逐渐变成纯技术博客了。

我不想那样。

我花了太多心思在文章的展示上,却从没重视过写作的过程。台前与幕后,写博客的初衷是什么?让别人看得开心,还是自己写得开心。如果非要选一个,我觉得是后者。失去兴趣的写作,无论如何也不可能坚持将近10年。技术博客之所以改变方向,也必然是博主的兴趣转移到了技术上,兴趣使然,自己喜欢就好。

尊重写作本身

虽然爱好和意志力有不可否认的作用,但一个舒适的写作环境也有积极的意义。和文字打了这么多年的交道,却忽略了一个显而易见的问题:为什么非得用这个来写?相当长一段时间里,我只在两个地方码字:Word和wordpress,只能说它们名字起得好,直击本质,让人潜意识觉得不需要其他的选择。

当然了,并非真的不需要。

最理想的写作环境是一整套体验,需要各方面的支持。手边要有一杯温水,喝水的间隙时常能产生灵感;背后要有一个厚度适中的靠垫;要有舒缓心神的音乐,或者大自然的声音;最好还能有微凉的轻风让人保持清醒;当然,专业的写作工具也是必须的,让人只关心内容,不必去想大标题用24号还是21号、宋体还是黑体。

Markdown就是这样一种格式,可塑性强,放之四海皆准。除此之外,编辑器更加功不可没。把写作想象成庄园里的午后,与某位远方来客喝茶闲谈,那编辑器就要起到侍从的作用。它得通晓十八般武艺,“手机拍照插入文中”、“生成图片分享全文”这样的事情,肯定不能劳烦你亲自动手。同时又要保持缄默,按下全屏快捷键,世界只剩思想,其他一概遁入阴影,等待召唤。

MarkEditor

能够做到召之即来挥之即去的写作工具已不在少数,但在多才多艺方面,MarkEditor绝对算是个中翘楚。功能强大的意义在于,不必写作中途费一番周折上传图片,也不必为了回顾某个章节翻遍整篇长文。因为做这些事情,思绪会被打断,这并非简洁前卫的UI能够弥补。若要追求流畅的写作体验,该简洁的其实是输入内容的过程,并不是编辑器的功能。

这就是MarkEditor的第一印象,相较于它丰富的功能,界面已经极其克制和朴素了。你可以不去管那些附加功能,放手开始写作,一样的简单清净。你也可以仔细探索一番,发掘它的无穷潜力。MarkEditor的自由化程度极高,众多小功能都不是花瓶玩物,而是些杀手级的功能。有没有想过?链接能直接生成二维码图片,插入文中。下面列举一些让我感到惊喜的功能,逐一演示:

工作目录

许多Markdown编辑器都只能设置一个工作目录。MarkEditor可以设置几个常用工作路径,通过快捷键召唤出工作目录窗口。同时处理多份文档时极其有用。

值得一提的是,每个工作目录还有些选项能独立设置。我的博客文件夹有多个日志分类,我可以把目录设成树状结构展示,能够操作整个目录下的文章和图片。

而用来写工作周报的目录只有一层,就比较适合简洁风格,只显示文章,忽略其他文件类型。

生成二维码

文章中需要插入二维码,便于PC端读者浏览某个H5页面。以往碰到这种情况是很头疼的,切出去打开浏览器,用chrome插件或某个网页工具来生成,然后再下载、插入文中。

MarkEditor考虑了这种情况,快捷键呼出二维码窗口,粘贴内容,直接就能生成了。

临时插入手机照片

窗台上飞来一只漂亮的鸟,想拍下来发到博客上,又要大动干戈一番。要设法把照片同步到电脑上,再拖到文章中。

在这里就要方便不少,激活插图窗口,手机扫个码,拍照上传,完事。当然还可以从相册选取图片。

![](https://storage.fleek-internal.com/0a3a8890-e65e-47ce-93d7-0442b9209d38-bucket/blog/posts/2016-03/03-23/2016-03-23 15.35.04.png)

改变图片尺寸

插入文中的图片可以很方便地再手动缩小尺寸,拖动一个滑块就行,MarkEditor官网的介绍视频中有这个操作,给我极其深刻印象深刻。

打字机式滚动

这个功能虽然不是独家,却还是不多见的。每回车一次,就会滚动画面,让光标所在行移到屏幕中央。

很像打字机,这是对眼睛最大的善意。

文章内容索引

长文会有比较复杂的结构,主副标题能多达3级甚至4级。如果要回顾之前某个章节的内容,做个呼应,这时翻滚动条也要翻半天。

文章内容索引就能很好地解决这个问题,这是天然的大纲结构,便于查找的同时,也能帮助自己梳理逻辑。

生成长图

发长微博时这个就特别有用了。如你所见,除了长图,还可以导出成许多其他形式,用于不同的场合。

长微博图片对移动端做了优化,清晰美观大方。

历史版本

自带历史版本功能,如果你不用dropbox或坚果云,那这个功能意义重大。而且这个历史版本可比dropbox的详细多了,能看到历史版本与当前版本的具体差异,代码对比功能的妙用。

灵活的自定义皮肤

MarkEditor有意思的地方是直接把UI的配色表放出来了,几乎所有能看到的元素,都可以改颜色。

我就自己改了个夜间模式主题,绿色链接,紫色图片,标题和正文的颜色略微改柔和了一点。如果你喜欢,可以在下面链接中复制我的配色表。

http://pan.baidu.com/s/1kUbUYb1

Todo list

无序列表还能当Todo list用,鼠标点击直接标记完成/未完成,我平时工作就是用的这个来记录一些临时需求。

同步到第三方云服务商

这是个重磅功能,也是解决图片存储问题的关键所在,真正把图片存储和写作集中到一个地方了。

图片可以同步到第三方云服务商,例如七牛、亚马逊云,也可以同步到Farbox自家服务器。文章发布之后,图片自动转为相应的云端地址。除了写文章,你什么都不用做。

总结

这款写作工具还有大量待发掘的高级功能,比如可以自定义markdown的转译语法,怎么用就取决于你的想象力了。MarkEditor与同门产品Farbox配合,会让博客的管理非常省心。

如果要为MarkEditor找一个关键词,我觉得应该是:自由。把整个博客都放在自己的硬盘上,能获得最大限度的自由。无论是博客还是编辑器本身,都能灵活调整迎合自己的习惯与喜好。

在重要且常用的工具上,定制化程度高的产品有它无可替代的优势。一番悉心调教后,它会成为你最得力的助手。

还有最亲民的一点,它也提供windows版

最后附上MarkEditor的官网,可以先下载体验一下,其中部分功能需要购买才能激活:

http://markeditor.com/app/markeditor

优惠购买【优惠已结束】

终于到发福利的时刻啦,我向MarkEditor作者讨来了独家优惠。首先请关注微信公众号【可乐橙】,并发送“优惠”2字。使用优惠码购买,前3名享受3折优惠,前30名5折,之后到2016-3-28都是7折。

点击购买按钮后,会看到实际购买价格。**一定记得填入优惠码噢!!因为License激活后是无法退款的。**要是一激动原价买下了,我也无能为力。

¯\_( ツ )_/¯