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

港控/mmm° 2023-09-30 11:09 20阅读 0赞

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

## 准备 ##

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

#### Typora下载安装 ####

#### PicGo下载安装 ####

#### [GitHub][]账号注册与仓库创建 ####

## 软件设置 ##

##### GitHub Tokens生成 #####

*  登录进入Github首页
 *  点击右上角的头像，选择【Settings】![在这里插入图片描述][89c5ec1e62acd42e60ee4948aa92bdbe.png]
 *  进入Settings后，点击左侧下方的【Developer settings】![在这里插入图片描述][dc01fb07c7c668ff3b575ad0205e445a.png]
 *  网页跳转后，选左边的【Personal access tokens】，点击【Generate a personal access token】  
    ![在这里插入图片描述][35678224bbc32b14762487b38ed54da5.png_pic_center]
 *  【Note】里填写为什么创建这个Token，可随意填写，下方勾上【repo】即可，
    
    > 建议这里的token写上作用，比如我是用来存储typora图床，就写上：用于Typora图床

![在这里插入图片描述][f9718474288c7fac9ebbb3ffb3dbf041.png_pic_center]

然后滑到最下方点击【Generate token】![在这里插入图片描述][491e2937cd39c6936a9347dcf117289a.png]

*  然后会生成一条Token信息，生成的Token只会出现一次，记得复制保存。![在这里插入图片描述][501b0d398b124aa0f7fdacc43cf8a26c.png]

##### Typora设置 #####

打开Typora，点击左上角菜单栏的【文件】，点击弹出框里下方的【偏好设置】  
![在这里插入图片描述][dd31c309ecbcafed4c94ef6f56f807df.png]  
打开页面，左侧选择【图象】，图像里的设置按下设置：

*  设置插入图片时为【上传图片】
 *  勾选【对本地位置的图片应用上述规则】
 *  在上传服务中选择【PicGo(app)】
 *  在路径中选择【PicGo安装目录PicGo.exe】  
    ![在这里插入图片描述][c3459d3b30ffad13f329c6bf3daf3eaf.png]

##### PicGo设置 #####

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

*  仓库名：表示远程仓库地址，固定格式 Github用户名/仓库名，前期准备用到的仓库（**注意：仓库名不能有空格，如果有空格需要使用-代替**）
 *  分支名：表示分支，默认填入master，需要根据自己Github上的分支进行填写，看个人设置
 *  Token：填入Github中生成的Token，就是让复制保存的那个
 *  存储路径：可以自定义一个文件路径
 *  自定义域名：建议使用https:cdn.jsdelivr.net/gh/Github用户名/仓库名  
    **最后记得【设为默认图床】**  
    ![在这里插入图片描述][32695e5cc68f05af4f848e9d8484b4fe.png_pic_center]

##### 验证图片上传 #####

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

*  Failed to fetch![在这里插入图片描述][44b8d6159b085639fb3bc7f4e21b7a82.png]
    
     *  解决办法：打开【PicGo设置】，点击【设置Server选项】，  
        ![在这里插入图片描述][2ca53774027d2f592825c90648cb0263.png_pic_center]
        
        将端口改为【36677】端口，这是PicGo推荐的默认端口号，然后保存，成功。![在这里插入图片描述][bcee87b73af8bf291b3946d6b64e01a3.png]
 *  “success”:false![在这里插入图片描述][b0ea78ea12a488fdbf3b75fd08752564.png]
    
     *  解决方法：打开【PicGo设置】，将【时间戳重命名】打开![在这里插入图片描述][7f8ed4167be7f3ebd8b31bffd8134d89.png]
 *  **如果报服务端错误解决方法**
    
    > 注意：
    > 
    > 1.  分支名：由master改为main
    > 2.  自定义域名：https://cdn.jsdelivr.net/gh/用户名/仓库名
    
    ![image-20220326152546980][]
 *  此时再去验证图片上传便会返回验证成功，如下所示：![在这里插入图片描述][471e54fc3d94107788369492c3097e40.png]  
    使用github图床就已经设置搭建好了，可以使用了。

[Link 1]: https://blog.csdn.net/weixin_45965432/article/details/108911937
[GitHub]: https://so.csdn.net/so/search?q=GitHub&spm=1001.2101.3001.7020
[89c5ec1e62acd42e60ee4948aa92bdbe.png]: https://img-blog.csdnimg.cn/img_convert/89c5ec1e62acd42e60ee4948aa92bdbe.png
[dc01fb07c7c668ff3b575ad0205e445a.png]: https://img-blog.csdnimg.cn/img_convert/dc01fb07c7c668ff3b575ad0205e445a.png
[35678224bbc32b14762487b38ed54da5.png_pic_center]: https://img-blog.csdnimg.cn/img_convert/35678224bbc32b14762487b38ed54da5.png#pic_center
[f9718474288c7fac9ebbb3ffb3dbf041.png_pic_center]: https://img-blog.csdnimg.cn/img_convert/f9718474288c7fac9ebbb3ffb3dbf041.png#pic_center
[491e2937cd39c6936a9347dcf117289a.png]: https://img-blog.csdnimg.cn/img_convert/491e2937cd39c6936a9347dcf117289a.png
[501b0d398b124aa0f7fdacc43cf8a26c.png]: https://img-blog.csdnimg.cn/img_convert/501b0d398b124aa0f7fdacc43cf8a26c.png
[dd31c309ecbcafed4c94ef6f56f807df.png]: https://img-blog.csdnimg.cn/img_convert/dd31c309ecbcafed4c94ef6f56f807df.png
[c3459d3b30ffad13f329c6bf3daf3eaf.png]: https://img-blog.csdnimg.cn/img_convert/c3459d3b30ffad13f329c6bf3daf3eaf.png
[32695e5cc68f05af4f848e9d8484b4fe.png_pic_center]: https://img-blog.csdnimg.cn/img_convert/32695e5cc68f05af4f848e9d8484b4fe.png#pic_center
[44b8d6159b085639fb3bc7f4e21b7a82.png]: https://img-blog.csdnimg.cn/img_convert/44b8d6159b085639fb3bc7f4e21b7a82.png
[2ca53774027d2f592825c90648cb0263.png_pic_center]: https://img-blog.csdnimg.cn/img_convert/2ca53774027d2f592825c90648cb0263.png#pic_center
[bcee87b73af8bf291b3946d6b64e01a3.png]: https://img-blog.csdnimg.cn/img_convert/bcee87b73af8bf291b3946d6b64e01a3.png
[b0ea78ea12a488fdbf3b75fd08752564.png]: https://img-blog.csdnimg.cn/img_convert/b0ea78ea12a488fdbf3b75fd08752564.png
[7f8ed4167be7f3ebd8b31bffd8134d89.png]: https://img-blog.csdnimg.cn/img_convert/7f8ed4167be7f3ebd8b31bffd8134d89.png
[image-20220326152546980]: https://img-blog.csdnimg.cn/img_convert/f15ffdcf5d26e43a26945ec6e3fd94c2.png
[471e54fc3d94107788369492c3097e40.png]: https://img-blog.csdnimg.cn/img_convert/471e54fc3d94107788369492c3097e40.png