Typora+PicGo+七牛云配置图床

Why

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

image

怎么解决这个问题?

用图床!

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

What

我的选择:

  • 写作:Typroa

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

  • 图床工具:PicGo

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

  • 云存储器:七牛云

国内可选的免费图床挺多的,七牛属于其中口碑较好的免费图床之一。 七牛一共有10G的免费空间,不限制上传流量,但是每月有请求次数限制,给一般的小博客当图床是足够了:

How

1.建立七牛云个人云盘

1.1注册

  • 进入七牛云官网网站主页→点击右上角的免费注册→填写信息→申请个人账户
image-20200928184718878
  • 填写基本信息,完成注册,

注意:这里的企业名称或者个人姓名必须是真实的,后面需要验证信息

image
  • 按要求完成实名认证,否则无法新建图床

1.2新建图床Bucket

  • 对象存储→空间管理→新建空间

    • 存储空间名称是唯一的

    • 存储区域选择,看你在那个区域,就选择那个

    • 访问控制:公开

    • 确定

    image
  • 可以在空间管理中看到你新建的空间

image
  • 可以在内容管理里面上传自己的图片

  • 获得图片地址:可以在图片右侧点击更多复制外链,就可以把网址放在文章正文里面了

image

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下载很慢,可能需要等待很久。
image
2.2.2安装PicGo

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

路径
2.2.3设置PicGO
七牛图床
image
  • accesskey和secretkey可以从七牛云个人中心密钥管理里面找到
image
  • 设定存储空间名就是七牛云的bucket空间名称

    image
  • 设定访问网址在七牛云空间的概览里面,右下角,将这个地址复制到里面,记得加上前缀”http://“

image
  • 存储区域是七牛云设置的存储区域地域简称,对照图如下

    image
  • 设定网址后缀可以忽略

  • 制定存储路径,就用默认的img/

确认PicGo设置
  • PicGo设置如下图,必须一样,否则可能无法上传
image
  • 确认PicGo-Server,监听端口必须是36677
image
2.2.3 上传图片
  • 将图片拖至上传区,确认能否正常上传,如果不行,请重新确认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-58e34b-1601356855092)]

5.附录

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

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

让我们更好地写作吧。

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

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

你可能感兴趣的:(Typora+PicGo+七牛云配置图床)