Typora拖拉图片生成在线图片 | Gitee图床

5,776 阅读8分钟

本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

前言

  • 在线音乐戳我呀!
  • 音乐博客源码上线啦!
  • 昨天突然和B哥聊起:印象笔记的MD语法支持一般般。还是Typora写md香~
  • 但习惯在本地上写md,但想着家里办公可能会需要看文档,那还要同步到线上平台。
  • 内心活动:本地用Typora写md,点一下按钮上传到平台上。
  • 最终决定:Typora + Git管理
  • 若要使用Typora,首先得先让Typora支持图床才行。
  • 接下来会分享如何搭建、可能会遇到的问题,一五一十盘出。
  • Are you ready ?

老爸最近去云南旅游了,噶我 我爱。

1.jpg

平时在写笔记或博客时,一般都会插入图片,由于Typora的图片只能保存在本地,变动图片就会访问不到了,所以需要图床的存在。

Typora+PicGo设置GitHub图床

  • 都有哪些图床?

  • Typora + Gitee搭建图床?

一、都有哪些图床?

1.1 SM.MS

网址:sm.ms

简介:免费的、支持批量上传的、多格式的、支持https的图床工具。

优势:支持https,不需要自己准备域名、支持批量上传、图片地址多格式(markdown、html、bbcode) 。

缺点:文件最大5M,一次最多上传10个文件。

支持的文件大小太小了,我要大的。

1.2 腾讯云COS

网址:cloud.tencent.com

简介:腾讯云提供的一款免费图片存储功能。

优势:提供接口,开发者可对接到自己的系统种。

缺点:只能免费使用6个月,空间、大小、流量都有限制。

只能免费使用半年,我肯定要长的呀。

1.3 微博

由于微博技术升级,微博图床图片已经无法引用,因此请不要使用微博图床。

好,不要你。

1.4 七牛云

网址:www.qiniu.com/

简介:七牛云是国内企业级云服务商,注册认证后有10G永久免费空间,每月10G国内和10G国外流量,速度相当快,七牛云是国内专业CDN服务商,插件支持比较多,有免费ssl证书,但https流量收费。同时可以自定义域名,系统会默认分配测试域名,测试域名只能用20天。

优势:每个月免费10G,图片暂无限制,提供开放接口,开发者可以对接到自己的系统。

缺点:想用https的需要单独付费。

注意:七牛云30天后会回收测试域名,因此你必须要绑定自己的已备案的域名

之前写过koa2上传图片同步七牛云存储这篇文章,有兴趣的小伙伴可以戳它。

因为之前在线音乐音乐文件存放在七牛云,导致不注意被扣钱了,于是就跑路一直不敢用它。超过了也不会帮我停止服务。

1.5 ImgUR

网址:imgurl.org

简介:ImgURL诞生于2017年12月,是一款开源的图片管理系统(简称图床),使用PHP + SQLite3开发,您可以自行部署,也可使用ImgUR 提供的在线服务。

优势:不需要单独准备域名,支持https,上传后的图片地址多格式。

缺点:只能单张图片上传,上传比较慢,游客每日只能30张,每张图片不得超过5M。需要慎用。

上传比较慢,太慢,我要快的。

1.6 阿里云OSS

地址:www.aliyun.com/product/oss

简介:据说是阿里开源的一个图片存储工具,支持阿里、京东、搜狗和奇虎存储源。

优势:免费、不需要自己准备域名、支持https。

缺点:只能单张上传、上传有时候不太稳定、上传后的图片地址不方便复制。

不稳定,不要。

1.7 又拍云

地址:www.upyun.com

简介:注册认证后有10G永久免费空间,每月15G的HTTP和HTTPS流量,提供两款可以免费续期的SSL证书,不过用户需要加入又拍云联盟logo信息。

优势:图片暂无限制,有免费的ssl证书,提供开放接口,开发者可以对接到自己的系统。

缺点:使用的域名需要备案。

需要绑定自己的已备案域名,又拍云认证比较麻烦。

1.8 路过

网址:imgchr.com

简介:支持免注册上传图片,永久存储,支持HTTPS加密访问和调用图片,提供多种图片链接格式。

优势:支持https,不需要自己准备域名、支持批量上传、图片地址多格式(markdown、html、bbcode) 。

缺点:文件最大5M,上传之后的图片地址,用户界面效果不是很好。

用户界面效果不是很好,我可是追求Beautiful的男人。

1.9 聚合

网址:www.superbed.cn

简介:将图片分发到多处备份,借助其本身的CDN加速功能,节省服务器流量,并且不用担心图片被删除,即便其中某几个图床上的图片被删除了,还有其他备份,保证万无一失,支持匿名和注册管理。

优势:功能强大、支持自定义域名、https,功能和七牛云差不多。

缺点:免费版有1000张限制。

才1k张,满足不了我背后的文件们。

1.10 Github

网址:github.com

简介:GitHub是世界上最大的代码托管平台,超5千万开发者正在使用。

优势:功能强大。

缺点:要翻墙。

要翻墙,不然就是你了。

1.11 Gitee

网址:gitee.com/zhengzem/bo…

简介:Gitee.com(码云) 是 OSCHINA.NET 推出的代码托管平台,支持 Git 和 SVN,提供免费的私有仓库托管。目前已有超过 600 万的开发者选择 Gitee

优势:不用翻墙。

缺点:未发现。

众里寻他千百度。蓦然回首,那人却在,灯火阑珊处。就是你了。

二、Typora + Gitee搭建图床?

2.1 设置Typora图像

打开Typora软件

文件 -> 偏好设置 -> 图像

选择上传图片,下方会出现上传服务,选择PicGo(app),下载PicGo

下载好后,选中PicGo下载目录。

2.png

2.2 下载PicGo软件

官网Github上:github.com/Molunerfinn…

下载也是有讲究技巧的,一开始下载最新版本,怎么试,很多方法都报错,最终发现2.2.版本成功。

github地址:github.com/Molunerfinn…

各种环境版本都可以下载。

3.png

如果翻墙不了,或者下载慢的,这里提供百度云链接:

链接:pan.baidu.com/s/1yLLChOur… 提取码:w1eo

软件下载成功,界面如下:

4.png

2.3 先在Gitee上创建仓库 + 获取token

官网:gitee.com/

2.3.1 创建一个公开的仓库

5.png

2.3.2 创建服务

6.png

7.png

2.3.3 获取Token令牌

点击右上角进入个人设置

8.png

点击右上角生成新的令牌

9.png

由于只作为图床使用,可以只用勾选部分权限

10.png

注意需要填写私人令牌描述

点击提交,输入账号密码,即可生成

11.png

2.4 PicGo本地配置

PicGo软件下载了,Gitee仓库建好了,token也有了,那下一步就是配置PicGo软件。

2.4.1 安装gitee-uploader图床

因为PicGo并没有Gitee图床,所以我们要在插件设置里面安装一下gitee-uploader

12.png

2.4.2 配置Gitee图床

13.png

  • repo:仓库名字,这里要注意的说仓库名前面要加上自己的Gitee名字。

  • branch:主支/分支名字。

  • token:我们刚刚在Gitee上创建的token,请看2.3.3 获取Token令牌

  • path:上传到哪个文件夹中。

  • 其他选择:不填。

现在我们配置完成之后,直接在Typora软件复制文件,拖拉图片进,都会生成线上链接图片。

成果图如下:

14.png

最后

起初在公司也是习惯在本地上写md,但想着在家里打代码可能会需要看公司写的文档,那每次在公司改一点文档还要同步到线上平台。就很麻烦。

这下终于好了,把文档当做git项目,推上去,pull、push也方便。就让Typora支持下图床就可以解决图片无法同步的问题了。

可能有人问,那你直接在平台上写文档不是就没那么多问题了?

因为平台上写md语法,我觉得支持力度没有比Typora好,像印象笔记、语雀等。

我一开始还想着借助minio作为图床呢,因为在线音乐也大力使用minio作为文件服务了。

后来有大佬说:搭建私有的很多坑,于是就先放弃了。先用现有的Gitee图床。

如果对您有帮助,你的点赞是我前进的润滑剂。

相关文献

盘点国内都有哪些免费好用的图床工具

码云+Typora配置图床

以往推荐

有请Minio统一管理文件(实操JS、JAVA)

多图详解,一次性啃懂原型链(上万字)

老湿说的万物皆对象,你也信?

Vue-Cli3搭建组件库

Vue实现动态路由(和面试官吹项目亮点)

项目中你不知道的Axios骚操作(手写核心原理、兼容性)

VuePress搭建项目组件文档

vue-typescript-admin-template后台管理系统

原文链接

juejin.cn/post/701959…