今天看啥  ›  专栏  ›  朱利安_AI产品经理

“Typora+Snipaste+MPic+七牛云”打造高效文字输出工具组合

朱利安_AI产品经理  · 简书  · 产品  · 2018-09-19 10:06

一直以来,我对于好的工具都有着强烈的好奇心

一旦有别人提及的好用的东西,我都愿意下载下来,亲自折腾几下。


今天分享下个人最近琢磨的高效文字输出工具组合

只之所以花时间去打磨这个工具组合,是因为平时我有大量的文字需要输出,例如产品的文档,产品白皮书,产品的商业介绍内容,大量的沟通记录等等

我急迫的希望能有更高效的工具能给我带来效率上的提升,正所谓磨刀不误砍柴工,我愿意花时间精力去体验去学,画钱去更新迭代我使用的工具。


使用这样的输出工具组合能给我们带来什么好处呢


有如下三个好处

解决了排版问题

能充分的享受Markdown带来的便利

方便分享,传输


逐个讲解下

1. 解决了文字+图片的输入问题,解决了排版问题


一篇文章元素的组成= 文字+图片+格式

· 格式

但是过往输出的时候,为了让文章看起来简洁明了有逻辑,常常在调整文章的格式上,需要花费很多精力

常常是码文30分,配图半小时,格式2小时…


为什么很多人喜欢上简书写作?

就是因为简书的格式十分简单,文字的格式也就几种可以选择,图片直接复制粘贴就能上传。

简单的同时出来的排版效果基本不用调,不用花时间考虑排版的问题,纠结症患者的福音。


而使用Typora这种Markdown工具,就能在输入的同时迅速的调整格式

Markdown中本来的格式并不难看,如果100分满分,打上70分不为过。

基本在写作完的时候,格式也调整完了,最后简单再修改下,一篇结构分明,排版过的去的文章就诞生了。


减少了排版调整格式的时间,直接就提升了文字输出的效率


· 图片

再来就是图片了,给文章配图是个麻烦事情

找图-修复-改图-上传

耗时耗精力。


而一款好的截图软件,能提升配图的效率。

Snipaste,目前我在windows上遇到的最好用的截图软件(没有之一)

安利给了我周边的同事后,都是感慨为啥没早点遇到:P


Snipaste和传统的QQ截图有什么区别?

这是很多最初使用的人会问题的问题。


网上很多介绍的文章,我只说2个

1) 强大的贴图功能

只要是能F1截出的图片,就能直接按F3贴到屏幕上。

例如在使用Markdown时,不熟悉语法,直接截图贴在屏幕上,一边码字一边看语法内容;在写文章的时候,文章规范贴屏幕上;在写运营活动的时候,活动思路贴屏幕上…


另外,只要能选中复制的内容,按F3就能贴出来的,包括文字!


2)对于图片中颜色的提取

截图的时候,按次c就能直接复制色值

如果你经常用Axure,PPT或PS,使用过取色器,就知道能获取到图片色值是有多重要

还有更多的功能,可以自己下载亲身体验下,另外可以参考这篇文章的介绍


2. 能充分的享受Markdown带来的便利


上文中说到了,文章元素=文字+图片+格式


但在之前,我是拒绝使用Markdown的!

一来,输入的规则让我觉得复杂

二来,最大的痛点在于图片插入的方式太太太太麻烦了,需要使用 ![图片](地址)这样的语法规则来输入,对于经常需要配图的我来说,不得不放弃。


但是“Typora+Snipaste+MPic+七牛云”算真正解决了我的忧虑


· 在Typora中使用Markdown,让你没有使用Markdown语法的感觉

Typora是一款Markdown编辑器,和过去分两列——一列输入Markdown语法,一列显示效果不同

Typora实现了所想所输即所见,使用Snipaste截完图的图片,直接粘贴到编辑器中,即可完成图片粘贴(这才是我想要的Markdown啊!)


· MPic+七牛云

通过Snipaste截图贴入Typora的图片,图片还是存储的本地的,为了方便分享,传阅,就需要上传到图床获取图片链接。

图床可以理解为图片的网上储存地方,图片放在图床上,任何有链接的人都能直接查看。


过去上传的时候,要么担心图床所在的网站跑路了,自己上传的图就裂了T_T,看不了

要么就是上传的方式麻烦


这里推荐的七牛云,一来能提供稳定的存储服务,二来是免费的。

配合MPic的复制/截图自动上传一起使用,十分省心。

综上,通过上述的Snipaste+MPic+七牛云的配合,终于解决了Markdown中老大难的图片问题,Yes!




3. 方便分享,传输


上述的工具组合输出一篇Markdown的文章后,直接导出为HTML,即可直接将HTML文件扔给别人


三个好处

1. 文件极小

由于图片全部采用外链,可以理解你的HTML文件就是一堆的字符,一篇10000字的内容,加上30张外链配图,大小不超过1M

导出后文件极小


2. 只要有浏览器就能打开,样式完全和你码文时候看到的样式一模一样

由于导出的是HTML格式,对方电脑只要有浏览器就能打开

并且打开的时候,浏览器默认按Markdown语法解析,看到的排版的效果和你码文的时候一模一样,丝毫没有排版问题。


3. 便于使用Markdown的人编辑

分享的THML文件,他人直接在浏览器中打开 Ctrl+A 复制全文,粘贴在自己的Markdown编辑器,就能接着编辑,Markdown的格式全在。


如果需要导出为传统的Docx,PDF,直接使用Typora导出也十分方便。




4个工具的下载地址


Typora


· Simple, yet Powerful

如上文提到的,Typora所想所输即所见的方式,使得使用Markdown过程变得异常简单,有时候你甚至感觉不到Markdown语法的存在。

就是莫名的输入完成,看着已经调整好的格式,满满的满足感。


· 下载地址

https://www.typora.io/

提供Mac、windows、Linux版本



· Snipaste


· 我用过的最好的贴图软件,没有之一

截图,贴图,编辑无所不能的截图软件,从年初到现在,我向不下20个人安利过Snipaste,甚至帮他们在电脑上安装好:)


· 下载地址

https://www.snipaste.com/

提供Mac、windows版本



MPic


· windows方便的图片上传工具

相比较Mac一堆好用的图床神器,windows下真的少的可怜,MPic是其中少有的算的上好用的图片上传工具,虽然有些交互体验并不好,但是工具是个人开发,实属不易。


软件特点有三个

1. 截图的时候自动上传到图床

2. 复制图片的时候自动上传

3. 上传后自动生成Markdown语法格式


· 下载地址

https://www.snipaste.com/

仅有windows版本,仅支持七牛云图床


如果是使用Mac的话,可以Mac版的iPic(仅支持Mac)

https://toolinbox.net/iPic/



七牛云


· 免费的云存储空间

七牛云的国内比较有名的企业级公有云服务商,提供数据相关的PaaS服务


七牛云最大的好处在于——免费的10G云存储,用来做个人图床,妥妥够用!

有朋友可能会疑惑,百度网盘提供2T呢,七牛云才10G?

emmm,简单讲,百度网盘类似网络U盘,而七牛云可以当服务器,两者不是同一个东西。


通过七牛云上传的文件,可以生成外链,获得链接的人都能直接访问文件



· 网站

https://www.qiniu.com/company

如果你觉得创建个人图床很麻烦,那么直接使用其他网站提供的免费图床也可以。


这里推荐一个,七牛云旗下的——极简图床

绑定微博(可以注册个平时不用的微博)后,有图片就往上扔即可

http://jiantuku.com/#/


· 个人七牛云存储空间,创建步骤

鉴于七牛云创建比较复杂,下面还是具体写下创建个人图床的步骤


事先需要准备的内容

1. 身份证正反面

手机拍摄,用于实名认证

2. 购买一个个人域名(阿里云购买即可,.com5年200+,也还好

需要ICP备案,不懂自己百度,用于当做加速域名,后面会解释


步骤如下

1. 进入七牛云,注册,填写个人信息

2. 实名认证,等待认证通过

实名认证在工作日还蛮快,不到半小时就处理好

3. 创建个人空间,必须的公开的

只有公开的域名,才能生成外链,名字起个自己喜欢的就好


4. 绑定新域名

将你买的域名填进去,加个二级域名前缀(看个人,我自己是加了),填入到加速域名中


5. 进入你购买域名的域名厂商(例如阿里云)的后台,配置CNAME

参考

6. 等新域名生效,在空间「内容管理」设定默认外链使用域名为「新域名」

一定要在内容管理设定绑定新域名,否则外链不会使用新域名

7. 搞定,愉快的使用:)


为什么那么麻烦!?

为什么要实名认证,又要买域名,域名还要ICP备案?还要七牛云要绑定CNAME?

因为,总有刁民想害朕,七牛云的生存意识很强。。。。


先说说图床的机制,实际的就将图片放在一个地方,有图片链接就能访问,从而显示出图片

此前七牛是会提供免费的测试域名使用,直接使用七牛云的域名即可。


但是后来,一些人拿七牛云当做犯罪的工具,什么黄赌毒的图片都往上传,给个外链给往外传播。

有关部门一看,图片都来自于七牛云!

那还得了。。。。


为了自保

于是要使用七牛云就变成了需要实名认证+使用你自己的域名+绑定CANME

所有的测试域名也变成了只有30天时效。


绑定CNAME的机制类似下图

虽然表面访问的你自己域名链接,但是因为绑定了CANME,域名厂商对这个指定域的所有访问做了一次重定向,转向了七牛云生成的域名。


这样一来,图片还是存储在了七牛云,使用的也是七牛云的服务,但域名是你的,是只要一出问题,方便回溯,方便「办案」。





最后,三个个人建议


1. Markdown有学习成本,看个人需要


Markdown的语法虽然简单,但是学起来还是有学习成本。

如果不是需要大量输出文字的,没有强烈好奇心的,用Markdown和上诉的「Typora+Snipaste+MPic+七牛云」工具组合,够折腾了


但我个人一直觉得一般别人都说好的东西,大概率也不会差到哪里


另外如果不去亲身体会,别人讲的再好,你也很难有实际的感受。

在出现汽车之前,人们一直想要更快的马


可以给自己定一个尝试期限,例如一周体验时间,强制自己一周内学习和使用,一周后再决定。



2. MPic和七牛云并非必须


上述的MPic和七牛云的组合,配置起来还蛮麻烦的,可以先使用公共图床,觉得图床好用再考虑配置。


3. 解决Snipaste的复制和MPic复制自动上传有冲突问题


如果使用MPic,只要图片复制就会自动上传,同时复制上传后生成的Markdown地址

但是如果Snipaste也要使用图片复制贴出的时候再编辑时,也执行了一次复制


于是这两家伙冲突了…

Snipaste复制/贴图--->复制图片--->上传到图床--->复制上传后的Markdown地址,最终发现图片贴不出来,贴出来的都是Markdown的地址。


我自己的解决办法很简单

1. 写的时候,暂时关闭MPic,只使用Snipaste截图,截图的图片直接粘贴进入Typora

2. 写完后用Typora导出为HTML,打开MPic,一边检测HTML,一边对图片右键复制,再将生成的图片地址粘贴回Markdown编辑器中

复制的时候,会自动上传图片到七牛云

3. 检查完一遍文章,顺手替换下来,图片也全部替换完成


(最后强烈吐槽下简书,居然不支持抓取七牛云的图片,Typora写完复制过来,图片居然要自己一张张手动上传,哎…)




原文地址:访问原文地址
快照地址: 访问文章快照