Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题

目录

  • 一、下载需要的软件
    • 1.1 Typora 软件
    • 1.2 PicGo 软件
  • 二、创建需要的云账号
    • 2.1 GitHub 账号
    • 2.2 码云(Gitee) 账号
  • 三、搭建图床仓库
    • 3.1 GitHub 图床仓库
      • (1)创建仓库
      • (2)仓库创建细节
      • (3)设置 token
    • 3.2 Gitee 图床仓库
      • (1)创建仓库
      • (2)仓库创建细节
      • (3)设置 token
  • 四、配置 PicGo 软件
    • 4.1 GitHub 配置
    • 4.2 Gitee 配置
    • 五、设置 Typora
  • 六、GitHub 和 Gitee 优缺点
    • 5.1 GitHub 优缺点
    • 5.2 Gitee 优缺点
  • 七、解决 GitHub 上传网络慢问题
  • 八、解决PicGo上传不了的问题

一、下载需要的软件

1.1 Typora 软件

Typora 是一个 Markdown 编辑器,是一款很好用的软件,但有一个问题,我相信大家使用的时候,都会遇到的问题,那就是插入的图片,只能保存在本地,这样就导致了我们共享我们的笔记的时候,就发现图片无法显示出来,因为他是本地的路径,或者是一个相对路径。

要解决这个问题,那么我们来到 Typora 的设置中,看到图像这一栏中,可以设置图像自动上传的功能,那这就是本篇文章要解决了问题——如何搭建图床。

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

1.2 PicGo 软件

免费搭建个人图床工具,软件目前覆盖的图床有8个平台:SM.MS图床、腾讯云COS、微博图床、GitHub图床、七牛图床、Imgur图床、阿里云OSS、又拍云图床

其余的一些平台可以下载插件,比如:码云,可以通过下载插件来搭建。

本人主要推荐使用:码云(推荐),GitHub图床

下载地址:https://github.com/Molunerfinn/PicGo/releases/tag/v2.2.2

Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第1张图片

有可能需要开启出去,无法下载的可以,我也给大家百度网盘的地址:

链接:https://pan.baidu.com/s/1EN9J3yKtUUEYmfUWGhNbSg
提取码:z2em

二、创建需要的云账号

准备好上述两个软件后,就需要准备好去云创建账号了,请大家选择自己需要的图床,个人比较推荐码云,因为 GitHub 网络不稳定。

2.1 GitHub 账号

官网:https://github.com/

进入官网后,点击 Sign up,然后填写信息注册。

Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第2张图片

2.2 码云(Gitee) 账号

官网:https://gitee.com/

进入官网,进行注册即可,填写信息注册即可。
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第3张图片

三、搭建图床仓库

3.1 GitHub 图床仓库

(1)创建仓库

Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第4张图片

(2)仓库创建细节

该参考必须是 Public,否则是无法上传和删除的。
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第5张图片

(3)设置 token

生成一个 token 用来对 GitHub 进行操作

进入到用户设置里
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第6张图片
在进入到开发人员设置里
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第7张图片
点击个人访问令牌
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第8张图片
创建新的 token
image-20210414221411480
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第9张图片
创建好 token 后,请保存好 token,因为他只会显示这一次
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第10张图片

3.2 Gitee 图床仓库

Gitee(码云)的创建流程大致相同。

(1)创建仓库

Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第11张图片

(2)仓库创建细节

需要注意的是仓库一定要是 public
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第12张图片

(3)设置 token

PicGo 软件要能够访问控制我们的仓库,需要一个令牌——token

来到个人设置里
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第13张图片
进入设置后,点击私人令牌
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第14张图片
点击生成新的令牌
image-20210415164417202
输入令牌描述
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第15张图片
生成后会看到一串的字符,那就是生成的 token,你需要妥善的保存起来,因为他只会显示一次。

四、配置 PicGo 软件

4.1 GitHub 配置

打开 PicGo 软件打开设置后,勾选上 GitHub 图床
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第16张图片
来到图床设置
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第17张图片

对应的设置:

  • 仓库名:一开始创建仓库的名字,比如我创建的仓库名(要加上用户名):用户名/Cloud_img
  • 分支名:默认的都是 master
  • Token:就是刚刚设置的个人令牌
  • 指定存储路径:这个是指这个仓库的目录,可以为空(就是直接这个仓库的根路径下)也可以指定仓库某个文件夹中
  • 设置自定义域名:使用默认的就可以(空不设置)

Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第18张图片

上述无论是哪种配置好后,都可以直接在上传区里尝试下是否配置成功,能否成功上传
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第19张图片

4.2 Gitee 配置

  1. 打开 PicGo 软件,进入到设置中,勾选上 gitee

注意:没有安装的 Gitee 插件,是不会显示这个选项的,需要先安装
安装步骤:到 PicGo 中的插件设置里,下载 gitee-uploader 1.1.2,如下图:
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第20张图片

Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第21张图片
2. 来到图床设置中,选择 gitee

对应的设置:

  • repo:表示仓库的名字,一般是:账号名/仓库名(一般情况下,具体情况需要去仓库中查看
  • branch:表示分支的名字,仓库创建时,没有修改的话,默认是:master
  • token:表示个人令牌,就是刚刚设置里添加的私人令牌,生成的一长串的字符串
  • path:存储的路径,可以不写,他表示的是仓库里存储的路径,不写就直接存储在仓库的根路径下

Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第22张图片

注意事项:

  • 项目名字,需要你去参考下仓库管理的路径地址
    Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第23张图片
  • 项目中要初始化,就是最好不要为空的仓库,因为很有可能会出现上传的时候,出现找不到分支的情况
    image-20210428131200670

五、设置 Typora

将 Typora 结合到 PicGo 上,就可以直接复制图片到 Typora 时,就会给你自动上传了,具体设置如图:
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第24张图片
配置好后,可以点击验证图片上传,这里有一个点需要注意:那就是上传使用的端口号要和软件的 PicGo 设置的是一致的,否则将无法成功
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第25张图片
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第26张图片

六、GitHub 和 Gitee 优缺点

5.1 GitHub 优缺点

  • 优点:不限制大小,单个文件大于50M时会有告警
  • 缺点:限流,网络太慢(解决方法见第七点

5.2 Gitee 优缺点

  • 优点:网络通畅,不限流
  • 缺点:限制大小,1M大小的图片无法上传

七、解决 GitHub 上传网络慢问题

使用 jsdelivr 加速 CDN 全球加速

在自己的自定义的域名里设置格式为:https://cdn.jsdelivr.net/gh/自己的GitHub名字/仓库名字@分支名/
Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第27张图片

八、解决PicGo上传不了的问题

如果你是按照上述过程来配置的,基本上是不会出现问题的,一般情况下载配置好图床后,在 PicGo 软件上测试上传失败,可以检查以下几个点:

  • 首先是PicGo软件在页面上传的时候,是否选对了哪种图床
  • 是否参数是否都设置正确了

Typora 图片自动上传—图床搭建—解决GitHub图床上传慢问题—解决PicGo上传不了的问题_第28张图片
检查完上述步骤后,再次测试,若不行的,那很有可能是图床设置出现了问题。

你可能感兴趣的:(笔记,github)