Typora自动图床配置V2.0版

这是第四篇教程。
Typora+PicGo+gitee配置图床

Why

现在开始markdown写文章，很舒服，本地使用Typora软件，但是发现了一个很大的问题，在Typora里编辑文章的时候，插入的图片都是一些本地图片，将文章复制到网上的时候，发现网上根本不能加载这些图片。

image

怎么解决这个问题？

用图床！

什么是图床？ 图床一般是指储存图片的服务器，我们用这个服务器托管我们的图片，就可以直接获得图片的网络地址，然后我们在md文本中使用网络地址，这样图片就可以在网页上加载出来了！

What

我的选择：

• 写作：Typroa

简单好操作，所见即所得。

• 图床工具：PicGo

PicGo，开源，无广告，支持阿里云、腾讯云、七牛云等多个云盘，直接快捷键上传截图

• 云存储器：gitee码云

国内可选的免费图床挺多的。

上一篇是七牛云配置的，七牛云背靠阿里云，安全可靠性更高些。但是有以下问题对小白不友好:

• 1.需要实名注册

• 2.建立的测试域名只有30天有效期，过期需要重新创建。

• 3.为空间绑定自定义 CDN 加速域名，通过 CDN 边缘节点缓存数据，提高存储空间内的文件访问响应速度。

这篇使用gitee：

• 1.开源，不用实名注册

• 2.建立的空间没有有效期

• 3.因为开源，数据有一定风险

• 4.对于小白很友好，创建很方便

• 5.我个人现在用gitee

How

如果看过《Typora+PicGo+七牛云配置图床》,那么只需要更改1.建立jitee个人空间、2.2.3设置PicGo以及2.2.4上传图片验证。

1.建立gitee个人空间

1.1注册

• 进入gitee官网网站主页→点击右上角的免费注册→填写信息→申请个人账户

image-20201031213054076

• 填写基本信息，完成注册，[图片上传中...(image-cfc638-1604292220895-10)]

1.2新建仓库

• 右上角＋→新建仓库

image-20201031214135462

• 如下图所示

  • 建立仓库名称

  • 是否开源选择公开

  • 使用Readme文件初始化这个仓库

  • 点击创建

image-20201031214504081

1.3 生成私人令牌

• 右上角B→设置

  image-20201031215016684

• 点击左侧私人令牌→生成新令牌

  image-20201031220131583

• 填写私人令牌描述→创建→密码验证

  image-20201031220750200
  image-20201031220831099

  • 生成令牌后点击复制，关闭这个窗口之后就再也看不到这个令牌内容了

    image

到这里，完成gitee信息创建，记住个人空间地址、仓库名、私人令牌

2.下载配置PicGo

2.1下载安装nodejs,到nodejs官网下载

image

2.2 下载安装PicGo

2.2.1下载PicGo

到https://github.com/Molunerfinn/PicGo/releases下载PicGo软件，

注意：

• windows请下载.exe文件，mac下载.dmg文件。下文以Windows为例。

• github下载很慢，可能需要等待很久

• 如果等待很久还无法下载，我上传了PicGo-2.3.0rata.3的版本在七牛云上可供下载

[http://qhb6eq1ba.hd-bkt.clouddn.com/PicGo-Setup-2.3.0-beta.3.rar](http://qhb6eq1ba.hd-bkt.clouddn.com/PicGo-Setup-2.3.0-beta.3.rar)

image

2.2.2安装PicGo

请记住PicGo的安装路径，后面配置需要

路径

2.2.3设置PicGO

• 打开 PicGo ，选择 插件设置，搜索 gitee ，安装第一个插件

  image-20201031221153414

• 选择图床设置→Gitee图床，填写owner（你的Gitee用户名）、repo（仓库名称）、path（仓库中存放图片的文件夹）、token(gitee私人令牌)

  image

确认PicGo设置

• PicGo设置如下图，必须一样，否则可能无法上传

image

• 确认PicGo-Server，监听端口必须是36677

image

2.2.4 上传图片验证

• 将图片拖至上传区，确认能否正常上传，如果不行，请重新确认PicGo设置

image

• 截图时，使用快捷键ctrl+shift+p上传图片

image

3.Typora配置

文件→偏好设置→图像→上传服务设定

• 上传服务：PicGo(app)

  image

• PicGo路径就是PicGo.exe存在的路径

  image
  • 验证图片上传选项，验证成功，表示OK
  image

4.体验

4.1 截图工具→ctrl+shift+p上传图片→ctrl+v粘贴图片地址到typora

上传快捷键可以更改

image

4.2 上传区上传→ctrl+v粘贴图片地址到typora

image

4.3 typora单个图片内上传

直接粘贴剪切板中的图片到typora中或者将本地图片拖到Typora中，右键选择上传图片上传到图床

image

4.4 一键上传typora内全部本地图片

格式→图像→上传本地所有图片

image-20200928205719856

4.5 typora粘贴注意

• 在typora中粘贴图片地址的时候，会看到有一个缩放图片选择，有同学觉得图片大，切记不能缩放图片，缩放后的图片地址不是markdown格式，网上显示不出来

image-20200929131748302

5.附录

• 关于PicGo其他的图床配置可以参考PicGo的官方配置手册

• 我提供的PicGo版本是beta版，如果使用过程中有问题，可以下载其他稳定版本

让我们更好地写作吧。

如果您觉得有用，欢迎转载。

如果使用过程中有问题，可以联系我一起解决。