写在前面

在众多 md 编辑器中,Typora 是大家公认的体验较好的写作软件之一,它最大的特点就是:所见即所得,无须分屏预览,或者开启新页面预览。除此之外,还有很多优点,这里不做介绍,不是本文的重点,感兴趣的可以去官网下载体验。

在最近更新的 Beta 版本中,Typora 解决了一个用户最为关心的问题:图床。

下面就来介绍如何配置,以及 PicGo 的使用。

一、下载最新版本的 Typora

下载地址:https://www.typora.io/

二、设置图像上传

为了操作简单,我这里先把 Typora 的语言设置为简体中文,默认是跟随系统的。


设置语言

设置上传图片并关联图床工具

同样是在 Typora 软件中进行,上图:


Typora配置图床选项

这里标注了三个红框:

  • 第一默认不是 上传图片 选项,下拉选择它;
  • 第二个红框建议两个都选择,这样你写作所用到的图片无论是本地上传还是网络图片,都会直接上传到你的图床;
  • 第三个红框是图床工具,根据个人偏好进行选择,还可以自定义命令。我这里选择开源免费的 PicGo ;紧接着是你的安装目录。

PicGo 下载点此处

PicGo 安装

安装没有什么需要特别注意的地方,一路 下一步 即可。

安装完成之后,你会看到这个界面(MacOs)

这个时候上传图片是失败的,原因可以在上传失败的提示信息中可以看到,是因为 SM.MS 官方不再支持V1版本,PicGo默认图床就是 SM.MS 。所以,接下来我们就要配置图床。

顺便提一句,如有小白不懂什么是图床,这里给一个解释:

图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。

关于 PicGo 也可以参考PicGo 的官方指南

配置 SM.MS图床

  1. 注册或者登录 SM.MS 官网并获取 Secret Token

    官网入口

    获取 Secret Token ,在登录的情况下,点此直达下图位置:

    新注册用户点击 Generate Secret Token 然后复制,建议再别的地方保存一份,不要重复生成。

  2. 为 PicGo 安装插件

    再安装插件之前,确保你已经安装了 Node.js,并且版本大于等于 8,因为 PicGo 是使用 npm 来安装的。

    Node.js官网地址,推荐下载 LTS 版本,安装完成之后,通过 cmd 命令验证是否安装成功(下图是win系统截图)

    接下来就可以安装 PicGo 的相关插件了。首先解决默认无法上传图片的问题,安装安装操作如图:

    安装起来会有些慢,耐心等待即可。

    这款插件是开源的,作者也给出了在线和离线两种安装方式,在线安装不区分系统,推荐在线安装。具体可看这里

  3. 配置SM.MS图床

    插件安装完成之后,需要重启 PicGo 才能生效,重启后我们就会在图床设置里看到多出来一项:SM.MS-登录用户

    在这里配置我们在步骤1中生成的 Secret Token,点击确定即可,如果你准备将 SM.MS 作为默认图床使用,那就点击右边的 设为默认图床

  4. 测试问题是否解决

    在上传区我们看到如下图:

    因为我设置了默认,如果你没有设置的话,可以在我标注红框的地方切换图床。

    接着你就可以通过选择上传或者拖拽上传测试是否成功,无论成功与否,都会有上传结果提示;上传完成后,在相册中可以看到图片,并且可以修改,默认复制的格式是 md 形式的,这个很友好。

三、在 Typora 中测试上传图片

到这里说明我们的图床工具上传图片已经没有问题了,现在就可以在写作软件 Typora 中体验了。


typora上传图片示例

总结

  • 本文内容适合第一次给写作软件搭配图床的朋友参考,本文只介绍了使用 SM.MS 这一种图床,其他图床的配置可以参考PicGo指南,写的很详细。
  • PicGo 中还有很多个性化设置,比如:上传前是否修改图片名、时间戳命名、自定义链接格式、开机自启等。
  • PicGo 中还有很多插件,比如给图片添加水印,这都在前面提到的 PicGo 指南中有说明,感兴趣的可以去尝试。

Typora 完美结合 PicGo,写作体验更佳!的更多相关文章

  1. Tapdata Cloud 版本上新!新增TiDB等数据源支持,连接和任务功能增强,体验更优

    Tapdata Cloud cloud.tapdata.net Tapdata Cloud 是国内首家异构数据库实时同步云平台,目前支持Oracle.MySQL.PG.SQL Server.Mongo ...

  2. 翻译:使用 Redux 和 ngrx 创建更佳的 Angular 2

    翻译:使用 Redux 和 ngrx 创建更佳的 Angular 2 原文地址:http://onehungrymind.com/build-better-angular-2-application- ...

  3. Redux 和 ngrx 创建更佳的 Angular 2

    Redux 和 ngrx 创建更佳的 Angular 2 翻译:使用 Redux 和 ngrx 创建更佳的 Angular 2 原文地址:http://onehungrymind.com/build- ...

  4. Unity 5.4 公开测试版发布:增强的视觉效果,更佳的性能表现

    为用户提供可靠稳定的产品是我们的一贯使命,现在我们将发布Unity 5.4 beta版本,提供所有的用户公开测试,这包含了Unity Personal Edition版本用户.我们非常希望大家下载并尝 ...

  5. WTF Forms – 使用 CSS 实现用户体验更好的表单

    WTF forms 借助 CSS 提供友好的 HTML 表单控件,专为 IE9+ 以及最新的 Chrome.Safari 和 Firefox 浏览器.以文件输入控件的改进,使用 label 包裹在 i ...

  6. IntelliJ IDEA 2019.2最新解读:性能更好,体验更优,细节处理更完美!

    idea 2019.2 准备 idea 2019.2正式版是在2019年7月24号发布的,本篇文章,我将根据官方博客以及自己的理解来进行说明,总体就是:性能更好,体验更优,细节处理更完美! 支持jdk ...

  7. Textarea随着文本的字数自适应高度,后来发现用 contenteditable 代替textarea 效果更佳

    做移动端项目遇到很多问题,最近比如textarea 随着文本的字数自动撑开高度, 网上也查阅了一些资料发现比较有用的方法 就是获取 textarea的行数和换行符来动态改变textarea的高度  就 ...

  8. 「知乎」对中国用户而言,Pure Android 是否比 MIUI 或 Flyme 体验更好? - Donnie的博客

    这篇文章转载自我在知乎上的回答 哎呀-不要站队嘛.其实这是一个很有意思的题目,让我们一点点来看 哦对,谢妖-.本人是Nexus 5用户,系统当然是Pure Android KitKat啦(臭谷粉!点D ...

  9. Typora[MarkDown编辑器]+(PicGo+Github+JsDelivr)[个人图床] ,开启你的高效创作

    使用Typora搭配Picgo开启你的高效创作 0x00 一切都要从MarkDown说起 富文本语言的弊端 平常我们最常用的写作工具,无非是富文本编辑器中的代表--微软家的Office Word.这种 ...

随机推荐

  1. javascript基础(二): 操作BOM对象(重点)

    浏览器介绍 javascript和浏览器关系?BOM:浏览器对象模型 IE6~11 Chrome Safari FireFox Opera 三方 QQ浏览器 360浏览器 window window代 ...

  2. 机器学习实战基础(九):sklearn中的数据预处理和特征工程(二) 数据预处理 Preprocessing & Impute 之 数据无量纲化

    1 数据无量纲化 在机器学习算法实践中,我们往往有着将不同规格的数据转换到同一规格,或不同分布的数据转换到某个特定分布的需求,这种需求统称为将数据“无量纲化”.譬如梯度和矩阵为核心的算法中,譬如逻辑回 ...

  3. git的工作区和暂存区

    目录 备注: 知识点 工作区(Working Directory) 版本库(Repository) 备注: 本文参考于廖雪峰老师的博客Git教程.依照其博客进行学习和记录,感谢其无私分享,也欢迎各位查 ...

  4. bzoj2157旅游

    bzoj2157旅游 题意: 给定有权树,支持单边权修改,路径边权取相反数,路径边权求和,路径边权求最大最小值. 题解: 用link-cut tree link-cut tree与树链剖分有些类似,都 ...

  5. 02 安装net-tools工具

    01 登录虚拟机,没错,还是那个熟悉的黑窗口 02 输入用户名密码(我还是习惯使用root用户,因为,它可以为所欲为) 小知识:注意红色框内的符号: 一般用户为限制用户,符号为:$ 超级用户,为无限制 ...

  6. 通过cmd进入指定D盘下的某个文件夹

    有时候我们在使用电脑的时候,想使用cmd命令提示符,进入d盘,怎么操作呢,下面来分享一下方法 案例描述:如果进入D盘下的test文件夹(D:\test) 1.win10系统环境下,点击搜索输入[cmd ...

  7. IDEA 2020.1.2 idea 2020.1.3下载 安装 一键破解

    IDEA 2020.1.2 idea 2020.1.3下载 安装 破解 本项目只做个人学习研究之用,不得用于商业用途!若资金允许,请点击链接购买正版,谢谢合作!学生凭学生证可免费申请正版授权!创业公司 ...

  8. Python API 操作Hadoop hdfs详解

    1:安装 由于是windows环境(linux其实也一样),只要有pip或者setup_install安装起来都是很方便的 >pip install hdfs 2:Client——创建集群连接 ...

  9. Python学习手册(第4版)PDF高清完整版免费下载|百度云盘

    Python学习手册(第4版)PDF高清完整版免费下载|百度云盘 提取码:z6il 内容简介 Google和YouTube由于Python的高可适应性.易于维护以及适合于快速开发而采用它.如果你想要编 ...

  10. 自动化不知如何参数化?xlrd来帮你解决

    平时在做自动化测试的时候,一直都是要求数据与业务逻辑分离.把测试数据都写在业务里面的话,比较混杂.为了方便管理测试数据,所以引入了python的一个扩展库--xlrd.该库使用简单,能满足自动化测试的 ...