Markdown与微信编辑

Posted by Adobe on July 15, 2016 | - view

Markdown与微信编辑

过去

早期,我们一直用微信官方编辑器进行文稿编辑。乍看起来,功能应有俱有。但长期搬运稿件,我们发现文本编辑并不方便,图片插入,也需要一张一张搬运上传插入,十分繁琐不合理,浪费时间浪费精力浪费生命。这不是我们想要的编辑器。

理想的编辑器应有以下特点

  • 兼容性强,格式转换方便
  • 图片插入方便快捷
  • 稿件方便归纳整理

如图所示,一张白纸,干净


尽管第三方微信编辑器有很多被奉为精品,但于我们而言,功能过多,太过华丽。我们想要的,简约而不简单。


Markdown与微信编辑器

前段时间,我们开始尝试用Markdown进行微信稿件编辑。

Markdown,作为一款轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,采用一套简单的符号进行文本标记,简单易学,号称“五分钟上手”,绝对值得入手。前面,我们也推出了相应的入门小教程。


Markdown对图片的支持不友好

图片在Markdown文档中是以url格式【外链】存在,简而言之,就是一大串字符。如图所示:


Markdown如何插入图片

传统的Markdown插入图片,你可能需要经历以下几个步骤

  • 截图/确定素材
  • 开启浏览器
  • 访问图床
  • 上传素材
  • 上传ing…
  • 复制外链
  • 返回编辑器
  • 粘贴
  • 按Markdown格式改写URL

以上这几个步骤,十分繁琐。切换来切换去,心思早没了。 所谓图文并茂,我们写心得写博文,总得需要一两张图片来点缀点缀。我们也不可能因为图片插入不方便,而放弃这样的利器。


几个问题

1. Markdown文本如何粘贴到微信编辑器中?

2. 图片如何才能实现一键上传,并返回相应的外链?


“Markdown Here”

Markdown Here 是一款Chrome的扩展程序,支持Markdown转换。你仅仅只需要将你的文本复制,粘贴到微信编辑器,点击Markdown Here图标即可。简单,方便,快捷。

转换前

转换后


图片问题

这里面涉及图床的概念。

图床是专门用来存放图片,同时允许你把图片对外连接的网上空间。

目前国内国外有许多图床选择,国内的七牛,微博图床都是不错的选择。

我们需要实现的过程是将截图或者图片自动上传至图床,并返回符合输入格式的字符串。

秉承着“不重复造轮子”的原则,我们进行搜索,发现了一些良心的Markdown编辑器,譬如Hexo Markdown。该款编辑器主要特色是自动上传图片,其默认图床为七牛。相关的设置过程我们后续再介绍,或者你可以登录作者Github页面查看说明文档。


改进

考虑到我们的主力编辑器不一定是上面提及的Hexomd编辑器,那得怎么办?

有少数程序员给出了他们的答案,他们利用七牛云SDK,将图片上传到七牛云存储并直接返回 markdown 可用的图片链接,具体涉及Python,Autohotkey,颇显geek,此处不做详细介绍。

我们的做法是,借助Autohotkey脚本,将截图载入Hexomd,读取其上传后转化的链接,将其自动粘贴到我们当前的编辑器。具体代码如下:

#请确保:
#- 安装Hexo Markdown
#- Hexo Markdown,为md文件的默认打开程序
#- 安装Autohotkey
#- 运行此脚本
!5::
IfWinExist, Hexo Markdown ;
{
WinActivate ;
}
else
{
Run, "C:\md.md"   # md.md作为中转站
WinWait, Hexo Markdown
WinActivate ;
}
Sleep, 500 #依据运行速度设置时间间隔
Send, `r`n
Send, ^v
Sleep, 5000 #依据运行速度设置时间间隔
Send, ^s ;
Sleep, 4 #依据运行速度设置时间间隔
WinClose, Hexo Markdown
FileReadLine, Clipboard, C:\md.md,3
Send, ^v
Send, `r
return

配合以上脚本,你只需要用截图软件截图,再按alt+5即可轻松获取可用的图片链接。

一两个键能解决的事情,绝不用三个键。

Markdown,你值得拥有。