Typora配置github图床及遇到的问题解决方案

由于3月26日时gitee图床出现在typora中无法加载的问题,所以将图床换为github,下面是我的更换过程以及遇到的问题解决方案
借鉴于该篇博客

准备

这部分操作在使用gitee图床时已经完成

Typora下载安装

PicGo下载安装

GitHub账号注册与仓库创建

软件设置

GitHub Tokens生成

  • 登录进入Github首页

  • 点击右上角的头像,选择【Settings】Typora配置github图床及遇到的问题解决方案_第1张图片

  • 进入Settings后,点击左侧下方的【Developer settings】Typora配置github图床及遇到的问题解决方案_第2张图片

  • 网页跳转后,选左边的【Personal access tokens】,点击【Generate a personal access token】
    Typora配置github图床及遇到的问题解决方案_第3张图片

  • 【Note】里填写为什么创建这个Token,可随意填写,下方勾上【repo】即可,

    建议这里的token写上作用,比如我是用来存储typora图床,就写上:用于Typora图床

Typora配置github图床及遇到的问题解决方案_第4张图片

然后滑到最下方点击【Generate token】Typora配置github图床及遇到的问题解决方案_第5张图片

  • 然后会生成一条Token信息,生成的Token只会出现一次,记得复制保存。Typora配置github图床及遇到的问题解决方案_第6张图片

Typora设置

打开Typora,点击左上角菜单栏的【文件】,点击弹出框里下方的【偏好设置】
Typora配置github图床及遇到的问题解决方案_第7张图片
打开页面,左侧选择【图象】,图像里的设置按下设置:

  • 设置插入图片时为【上传图片】
  • 勾选【对本地位置的图片应用上述规则】
  • 在上传服务中选择【PicGo(app)】
  • 在路径中选择【PicGo安装目录PicGo.exe】
    Typora配置github图床及遇到的问题解决方案_第8张图片

PicGo设置

打开运行PicGo,左侧打开【图床设置】,选择【GitHub图床】。
参数设置说明:

  • 仓库名:表示远程仓库地址,固定格式 Github用户名/仓库名,前期准备用到的仓库(注意:仓库名不能有空格,如果有空格需要使用-代替
  • 分支名:表示分支,默认填入master,需要根据自己Github上的分支进行填写,看个人设置
  • Token:填入Github中生成的Token,就是让复制保存的那个
  • 存储路径:可以自定义一个文件路径
  • 自定义域名:建议使用https:cdn.jsdelivr.net/gh/Github用户名/仓库名
    最后记得【设为默认图床】
    Typora配置github图床及遇到的问题解决方案_第9张图片

验证图片上传

在Typora偏好设置的那个界面,点击左下的【验证图片上传选项】,一般还会出现以下三种情况:

  • Failed to fetchTypora配置github图床及遇到的问题解决方案_第10张图片

    • 解决办法:打开【PicGo设置】,点击【设置Server选项】,
      Typora配置github图床及遇到的问题解决方案_第11张图片

      将端口改为【36677】端口,这是PicGo推荐的默认端口号,然后保存,成功。Typora配置github图床及遇到的问题解决方案_第12张图片

  • “success”:falseTypora配置github图床及遇到的问题解决方案_第13张图片

    • 解决方法:打开【PicGo设置】,将【时间戳重命名】打开Typora配置github图床及遇到的问题解决方案_第14张图片
  • 如果报服务端错误解决方法

    注意:

    1. 分支名:由master改为main
    2. 自定义域名:https://cdn.jsdelivr.net/gh/用户名/仓库名

    Typora配置github图床及遇到的问题解决方案_第15张图片

  • 此时再去验证图片上传便会返回验证成功,如下所示:Typora配置github图床及遇到的问题解决方案_第16张图片
    使用github图床就已经设置搭建好了,可以使用了。

你可能感兴趣的:(html,git,idea)