为知笔记——使用第三方Markdown的Typora编辑器遇到上传本地图片失效无法共享——图床解决


问题



  用Typora这个Markdown第三方编辑器来编辑,目前使用体验基本非常好。
  有一个很头疼的问题就是Markdown笔记中图片的问题,我在为知笔记自带编辑器中添加图片后,再用Typora打开,图片就会丢失,现在只能把图片以附件的形式保存,但是这样就不能在笔记的相应位置体现图片了,还需要对图片附件进行编号整理。

图床解决方式



PicGo



  所谓图床工具,就是自动把本地图片转换成链接的一款工具,网络上有很多图床工具,就目前使用种类而言,PicGo 算得上一款比较优秀的图床工具。它是一款用 Electron-vue 开发的软件,可以支持微博,七牛云,腾讯云COS,又拍云,GitHub,阿里云OSS,SM.MS,imgur 等8种常用图床,功能强大,简单易用。 

下载PicGo

找到图中的应用下载exe版.
在这里插入图片描述

PicGo官网下载
官网下载可能会很慢,也可下载本人上传在CSDN的,本人强烈推荐此版,非常稳定。
本人推荐版本:PicGo下载

注意:安装软件时选择仅为我安装,另外注意不要安装在C盘。否则后面上传图片总是失败,小编因为这个问题找了半天才发现是路径的问题!



使用Github库(免费)



.

  1. 创建GitHub图床之前,需要注册/登陆GitHub账号(自己去问度娘吧)

    .

  2. 创建Repository
    在这里插入图片描述
      去github上新建一个仓库用于存储上传的图片,推荐创建公开的仓库,因为私密的仓库生成的图片链接太长了…这个可以自己选择。
    在这里插入图片描述

3. 生成一个Token用于操作GitHub repository
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

注:创建成功后,会生成一串token,这串token之后不会再显示,所以第一次看到的时候,就要好好保存

.

.

PicGo配置Github库



.
在这里插入图片描述

  • 存储路径可以自己定义子目录,默认是根目录下

  • 然后需要把GitHub设置成默认图床,方便后面Typora自动引用此配置。

  • 设定自定义域名

注意:这个设定自定义域名比较重要,默认情况下github使用https://raw.githubusercontent.com作为域名,但是github的这个路径不是很稳定,而且很容易被墙,最近似乎已经完全被墙了。这里需要使用另外的cdn路径,我目前使用的是jsdelivr,它支持作为很多开源仓库的cdn,github的cdn地址是:https://cdn.jsdelivr.net/gh/,后面跟上用户名和仓库名。

建议把上传文件自动改名字配置上,加上时间戳,比较通用。
在这里插入图片描述



使用腾讯云对象存储COS



  据了解腾讯云COS以前有50G永久免费额度,2019-01-25之后腾讯云对象存储COS免费额度作了调整,现在是50G免费六个月。

在这里插入图片描述
其次,我觉得续费也不是很贵,节约一点还是有的,而且六个月到期不使用了也可以。

  • 创建存储桶
    进入【对象存储】→【存储桶列表】→【创建存储桶】
    在这里插入图片描述
  • 访问权限选择公有读私有写,否则图片无法读取,其他的根据自己往下填写就可以。
  • 地域建议和你网站地区一样。
  1. 密钥配置
    点击【密钥管理】→【云API密钥】→【新建密钥】
    在这里插入图片描述

生成的密钥我们后面会用到。
在这里插入图片描述


.

.

PicGo配置腾讯云COS



.
打开软件,点击【腾讯云COS】,首先将我们上面创建的API密钥粘贴
在这里插入图片描述

然后来到我们的【储存桶列表】,将存储桶名称、地域填入PicGo,域名为空即可

记得设为默认图床,否则上传不会默认走腾讯云COS。

在这里插入图片描述

在这里插入图片描述

拖拽图片到PicGo,再打开COS就可以看到图片已经上传,使用的时候直接粘贴链接就可以了。
在这里插入图片描述
PicGo还有相册功能,可以对已上传的图片进行删除,修改链接等快捷操作,PicGo还可以生成不同格式的链接、支持批量上传、快捷键上传、自定义链接格式、上传前重命名等,以后还可以使用PicGo+GitHub作为图床。


.

.

小编遇到的特别要强调的问题



.

picGo Server设置(否则上传会报错)

错误一:Failed to fetch在这里插入图片描述
解决办法:
在这里插入图片描述
在这里插入图片描述
不过有的时候,我们的老朋友Failed to fetch还是如约而至,打开端口设置一看,怎么变成了366771????

问题在于端口冲突,如果你打开了多个picgo程序,就会端口冲突,picgo自动帮你把36677端口改为366771端口,导致错误。log文件里也写得很清楚。

在这里插入图片描述

解决方法:先把picgo中的端口设置改回36677,然后退出所有picgo程序,再使用typora上传功能(会自动启动picgo程序)

错误二:{“success”,false}
在这里插入图片描述
这个错误相信也有很多小伙伴遇到了,原因是文件名冲突了,如果你上传过一张image1.jpg的图片,再上传名称一样的图片就会失败,log文件(感谢日志!)里也写到了。

办法也很简单,打开picgo设置,将【时间戳重命名】打开。如图所示:
在这里插入图片描述
再次上传文件,上传成功~

授人以鱼不如授人以渔,上面的情况解决方法教给大家了,但是错误总是千奇百怪层出不穷的,如果下次出现上传错误的提示,请大家找到picgo的log文件,自己查看问题的原因嗷
在这里插入图片描述
如果你删除了 PicGo 相册里的相片,服务器上的图片也会一同删除,之前的链接也会失效,所以,没事不要随意删除相册里的相片


.

.

Typora配置



.
在这里插入图片描述

验证图片上传
这里还可以验证图片上传功能。

验证成功会返回下图结果:
在这里插入图片描述



(后续待补充)
发布了34 篇原创文章 · 获赞 12 · 访问量 2513

猜你喜欢

转载自blog.csdn.net/u013946061/article/details/105723422