使用Typora搭配Picgo开启你的高效创作

0x00 一切都要从MarkDown说起

富文本语言的弊端

平常我们最常用的写作工具,无非是富文本编辑器中的代表——微软家的Office Word。这种编辑器简单、直观,操作方便,很受办公人员的喜欢。但是如果我们是做公众号的,是要在网上发文章的。那么它的弊端就出现了。

  • 首先是排版问题;
    我们在本地的word上编辑的好好的,排版的好好的。但是直接粘到网上,发布文章。打开一看,全乱了。我们好要花费时间去排版。这有多痛苦想必有些公众号运营者深有体会。
  • 其次是,创造效率问题。
    我们使用富文本语言,每写完一段话,每插入一张图片,都要考虑它的字号,字体啊,图片的大小啊,格式。这使我们很难专注起来。

初识MarkDown

一次偶然的机会,我见到了她,并从此喜欢上了她!

Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯。它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的HTML文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

引自维基百科

当我们使用 Markdown 编辑器时,只需要专注内容的输出,无需离开键盘即可完成所有操作。这样效率不知提高了多少个档次。

而且,MarkDown排版十分方便,它可以让你的文章脉络清晰,简约易读,富有美感。而且语法简单到让你爱不释手。让你写文章离不开Markdown那种。

0x01 Typora 一款简约且有颜值的MarkDown编辑器

一款好的MarkDown编辑器可以说是让你事半功倍。目前,Markdown编辑器也有很多,包括线上的还有客户端。但是要么收费,要么广告乱天飞。用的很难受可以这么说。但是,当我怀着实验的心思去尝试Typora时,我发现我又爱了,Typora的界面简直太奈斯了趴。

Typora是一款简约有强大的Markdown编辑器,它完全能够让丝毫不懂Markdown语法的人也能快速上手。而且,它的诸多特性,做的也不错,我很喜欢。

0x02 Picgo 打造属于你自己的图床

写博客最头疼的就是图片的问题,特别是像在其他平台上也能发布的博文。我们需要分别不同的平台上上传图片。这样甚是麻烦,枯燥且浪费时间。那么怎么解决呢?

图床,一个把图片存在云端,并生成直链的工具。我们在各个平台中都可引用。这样我们的文章就可以方便的发布到不同的平台了。如果是个人服务器的话。还能有效减轻服务器负载,提升我们博文的响应速度。

那么问题又来了?

如何找一个稳定,可靠的平台呢。

因为,图床一挂,我们的博文里的图片也相当于全挂了。所以图床的选择至关重要。

早些年,微博图床很火,但现在却不行了,人家已经加了防盗链,基本凉凉。

七牛云的10G免费存储,一个月试用的临时域名。但一个月过后,要想继续使用,需要自己绑域名。所以,喜欢白嫖的我们果断放弃。

那我们怎么搭建属于自己的专有图床呢?

这时候我们想到了Github,免费的代码仓库。

下面是我的搭建过程,主要利用的PicCo这一款软件。

准备阶段

  1. 一个Github账号
    用一个邮箱即可注册,这个就不用教了吧。
  2. 下载PicGo软件
    GitHub项目地址
    PicGo官方文档

搭建过程

1.新建仓库并发布

点击新建仓库,接着参照下图图示;

然后点击发行

创建一个新的发行版本

填写发布的信息

2.获取Token

找到Develop Setting

进去之后

接着生成新的token

中间可能需要密码。下图画框的必选

会生成这样的一个token

因为只出现一次,所以我们复制下来。

3.配置PicGo

仓库名格式为:GitHub用户名/刚刚见的仓库的名字

分支名为默认:master

token:直接粘贴上刚刚复制的token

存储路径:随便写,记得最后加上\

自定义域名:我们利用jsDelivr – Open Source CDN来引用,以加快访问速度
所以填成:

https://cdn.jsdelivr.net/gh/GitHub用户名/刚刚建立的仓库

配置完之后我们就可以上传了

图床速度测评

我们分别在不同的图床,上传相同的图片在相同的网络条件下进行对比。

Github图床

测试图片:[图片链接](https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/a (3).png)

Gitee图床

测试图片:图片链接

博客园

测试图片:图片链接

CSDN

测试图片:图片链接

sm.ms图床

测试图片:图片链接

掘金图床

测试图片:图片链接

氧吧

测试图片:图片链接

聚合图床

测试图片:图片链接

总结

PicGo+Github+jsDelivr的速度是很不错的。响应速度CSDN差别不大。而且,GitHub不倒,jsDelivr不倒,那么我们的图床也不倒。所以说,还是十分的稳定。

0x03 Typora 配合PicGo 自动上传图片

Typora支持我们直接粘贴图片到文章中,可以说是要多方便有多方便。而且图片可以自动备份到指定文件夹下。多了一层保险。在最新版本中,Typora加入了文件上传功能,我们的图片可以自动上传到云端。并把本地文件的路径替换成直链。这简直是一步到位啊。

我们设置文件上传的功能后,可以测试是否成功。

成功之后,我们对粘贴进入文章的图片可以右键,点击上传。

上传后本地路径即转化为了图片直链。

如果害怕麻烦的话,可以写完之后,一块上传。

0x04 总结

至此,我们的高效创作工具,就基本完成了。

写文档用Typora,截图用ShareX;

图床用PicGo+Github+JsDelivr;

把Typora和PicGo结合起来,我们只用在Typora上操作了。

这样,效率提高了几倍呢?

Typora[MarkDown编辑器]+(PicGo+Github+JsDelivr)[个人图床] ,开启你的高效创作的更多相关文章

  1. 一劳永逸,使用 PicGo + GitHub 搭建个人图床工具

    原文链接: 一劳永逸,使用 PicGo + GitHub 搭建个人图床工具 经常写博客的同学都知道,有一个稳定又好用的图床是多么重要.我之前用过七牛云 + Mpic 和微博图床,但总感觉配置起来比较麻 ...

  2. VScode+PicGo+Github+jsdelivr使用图床书写Markdown

    本文讲述使用Github作为图床,VScode搭配Picgo插件书写Markdown,并使用jsdelivr进行CDN加速的配置流程. 准备阶段 首先进行以下准备工作,都很简单,不再赘述. 注册Git ...

  3. 使用Github+jsDelivr搭建图床和存储服务

    使用元素 我的博客NLNet 并未搭建自己的博客,使用博客园(cnblogs),自定义了主题NLNet-Theme. 写作工具Typora 优秀的Markdown编辑器.参考NLNet-Theme,我 ...

  4. VSCode + PicGo + Github + jsDelivr 搭建稳定快速高效图床

    VSCode + PicGo + Github + jsDelivr 搭建稳定快速高效图床 目录 前言 准备 配置 验证 前言 所谓图床,就是将图片储存到第三方静态资源库中,其返回给你一个 URL 进 ...

  5. 使用Typora + 阿里云OSS + PicGo 打造自己的图床

    使用Typora + 阿里云OSS + PicGo 打造自己的图床 为什么要打造图床? 让笔记远走高飞 试问以下场景: 我们要把 markdown 笔记放到某博客上,直接进行复制即可.但因你的图片存储 ...

  6. Typora-yes:typora最舒适的使用-优化主题+图床服务+自动上传图片插件

    转载注明出处:https://www.cnblogs.com/nreg/p/11992678.html,谢谢 开源项目下载:https://github.com/nreg/typora-yes 云盘: ...

  7. picGo+gitee搭建Obsidian图床,实现高效写作

    1 picGo安装 [picgo下载链接](https://molunerfinn.com/PicGo/) 选择安装目录,可以选择安装在D:\Program Files 然后点击安装即可 2. git ...

  8. gitee+typro+picgo搭建博客图床

    gitee+typro+picgo搭建博客图床 前提环境 typro.picgo.nodejs 直接在官网下载即可 下载完成后,打开picgo 安装插件gitee-uploader 1.1-2即可显示 ...

  9. 10分钟教你使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床

    前言 经常写Markdown或者博客的同学,肯定都要用到图床.图床是什么呢?其实相当于一个存储图片的网站,类似百度云这样,不过上传图片到图床后可以直接通过外链进行访问. 比如把本地一张a.jpg上传到 ...

随机推荐

  1. Do jobs|permanent|secure job|Move|Look after|provide sb with sth|Move|Enjoy a good time|Learn about|Be fond of|Have a clearer idea|String quarter|Be subject to|A has little with B|Pigment

    Do jobs|work jobs Long-terms|permanent Gain jobs/secure job Move|go to |stay in |live in|settle down ...

  2. 网页元素检测工具:Spy_for_InternetExplorer下载地址

    本工具用于实时查看IE浏览器中打开的网页中元素的信息.支持iframe.frame框架. 下载地址: Spy_for_InternetExplorer.rar

  3. yaml文件的格式

    后缀为.yml    格式一般就是key:空格 value    这里的value可以是 普通数据(数字,字符串)   ---------------------------------------- ...

  4. 57)PHP,自动加载类注意项

    关于这个里面的那个if  里面判断是否是核心启动类,一般会想到,用in_array或者是isset              in_array判断是数组里面有没有这个值,但是isset判断的是数组里面 ...

  5. python中字典以key排序,以value排序。以及通过value找key的方式

    1.sorted函数首先介绍sorted函数,sorted(iterable,key,reverse),sorted一共有iterable,key,reverse这三个参数. 其中iterable表示 ...

  6. 关于angular2跳路由防止页面刷新的做法(Angular2路由重载)

    simpleReuseStrategy.ts // 创建重用策略 import { ActivatedRouteSnapshot, DetachedRouteHandle, RouteReuseStr ...

  7. SHELL的判断括号区别

    在使用if语句时,经常会使用().(()).[].[[]].{}等括号,如下为几种括号简单区别对比: ( ) 用于多个命令组.命令替换.初始化数组: (( )) 整数扩展.运算符.重定义变量值,算术运 ...

  8. 深入 Java 调试体系: 第 1 部分,JPDA 体系概览

    JPDA 概述 所有的程序员都会遇到 bug,对于运行态的错误,我们往往需要一些方法来观察和测试运行态中的环境.在 Java 程序中,最简单的,您是否尝试过使用 System.out.println( ...

  9. 主成分分析(PCA)模型概述

    数据降维 降维是对数据高维度特征的一种预处理方法.降维是将高维度的数据保留下最重要的一些特征,去除噪声和不重要的特征,从而实现提升数据处理速度的目的.在实际的生产和应用中,降维在一定信息损失范围内,可 ...

  10. linux find命令格式及find命令详解

    本文详细介绍了linux find命令格式及find命令案例,希望对您的学习有所帮助.1.find命令的一般形式为:find pathname -options [-print -exec -ok . ...