“Typora+Snipaste+MPic+七牛云”打造高效文字
一直以来,我对于好的工具都有着强烈的好奇心
一旦有别人提及的好用的东西,我都愿意下载下来,亲自折腾几下。
今天分享下个人最近琢磨的高效文字输出工具组合
只之所以花时间去打磨这个工具组合,是因为平时我有大量的文字需要输出,例如产品的文档,产品白皮书,产品的商业介绍内容,大量的沟通记录等等
我急迫的希望能有更高效的工具能给我带来效率上的提升,正所谓磨刀不误砍柴工,我愿意花时间精力去体验去学,画钱去更新迭代我使用的工具。
使用这样的输出工具组合能给我们带来什么好处呢?
有如下三个好处
解决了排版问题
能充分的享受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语法的存在。
就是莫名的输入完成,看着已经调整好的格式,满满的满足感。
· 下载地址
提供Mac、windows、Linux版本
· Snipaste
· 我用过的最好的贴图软件,没有之一
截图,贴图,编辑无所不能的截图软件,从年初到现在,我向不下20个人安利过Snipaste,甚至帮他们在电脑上安装好:)
· 下载地址
提供Mac、windows版本
MPic
· windows方便的图片上传工具
相比较Mac一堆好用的图床神器,windows下真的少的可怜,MPic是其中少有的算的上好用的图片上传工具,虽然有些交互体验并不好,但是工具是个人开发,实属不易。
软件特点有三个
1. 截图的时候自动上传到图床
2. 复制图片的时候自动上传
3. 上传后自动生成Markdown语法格式
· 下载地址
仅有windows版本,仅支持七牛云图床
如果是使用Mac的话,可以Mac版的iPic(仅支持Mac)
七牛云
· 免费的云存储空间
七牛云的国内比较有名的企业级公有云服务商,提供数据相关的PaaS服务
七牛云最大的好处在于——免费的10G云存储,用来做个人图床,妥妥够用!
有朋友可能会疑惑,百度网盘提供2T呢,七牛云才10G?
emmm,简单讲,百度网盘类似网络U盘,而七牛云可以当服务器,两者不是同一个东西。
通过七牛云上传的文件,可以生成外链,获得链接的人都能直接访问文件
· 网站
如果你觉得创建个人图床很麻烦,那么直接使用其他网站提供的免费图床也可以。
这里推荐一个,七牛云旗下的——极简图床
绑定微博(可以注册个平时不用的微博)后,有图片就往上扔即可
· 个人七牛云存储空间,创建步骤
鉴于七牛云创建比较复杂,下面还是具体写下创建个人图床的步骤
事先需要准备的内容
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写完复制过来,图片居然要自己一张张手动上传,哎…)