最详细的下载安装PicGo图床配合Typora使用

  • 1.node.js下载安装
    • 1.2 检验安装成功
  • 2. PicGo下载安装
  • 3. 配置Gitee【配合PicGo使用】
    • 3.1 获取PicGo的token
  • 4. 配置PicGo
    • 4.1 下载插件
    • 4.2 配置图床[Gitee]
    • 4.3 配置Typora
  • 5. 上传图片到Gitee【重要】
  • 6.解决配置错误

1.node.js下载安装

【node.js下载链接】点击跳转页面,建议下载红色框中的版本。稳定。然后一路安装就行,不要更改任何配置,保存路径为默认最好

image-20230713134138714

imgimg

img

img

1.2 检验安装成功

安装完成后,可能会弹出一个命令窗口,关掉;然后win+r打开cmd,输入node -v:显示 node.js版本号,说明已安装成功。输入npm -v,输入这个命令时,可能会卡一下。显示nmp版本号,说明自带的nmp也安装成功。

image-20230713135645698

2. PicGo下载安装

【picgo下载链接】点击下载链接,进行跳转,此链接为GiHub网站,可能会加载不出来。

image-20230713140136113

建议下载国内链接,一路安装就行。大胆点,一路点安装就好!!!

我下载的是beta版本,测试版,相对正式版不稳定。

image-20230713140328968

3. 配置Gitee【配合PicGo使用】

使用图床需要连接到Gitee ,这样在使用typora上传图片到csdn时,图片是从Gitee上获取的。此时就不会出现出现图片链接错误等。

  1. 创建Gitee仓库

image-20230713140938838

创建成功后,会自动跳转页面,点击管理

image-20230713141026131

下拉页面,把仓库设置为开源

image-20230713141100692

3.1 获取PicGo的token

打开个人设置:

image-20230713141215358

下拉页面,找到私人令牌,点击生成新令牌,这个令牌需要保存好,待会配置PicGo时,会用到。

image-20230713141313794

设置令牌:只需要设置最前面的两个权限就行,其他全部取消!

image-20230713141352098

此令牌需要保存好!

image-20230713141455564

4. 配置PicGo

4.1 下载插件

认准版本号。

image-20230713141702982

下载完成后,打开图床设置,会看见Gitee

image-20230713141736150

4.2 配置图床[Gitee]

配置完成后,如下图:

image-20230713142334264

上图解释:

  • repo:为仓库地址名。打开刚才创建的Gitee仓库。如下图,网址栏,蓝色选中区域。

image-20230713142050328

  • branch:默认为master,就行。之前创建Gitee仓库时,默认选择的master分支。

  • token:刚才复制保存好的,私人令牌。

  • path:img就行。上传图片时,会在gitee仓库创建一个名为img的文件夹。

  • customPath:选择年月。

4.3 配置Typora

image-20230713142551964

  • PicGo路径:是你自己下载的PicGo保存的路径。可以打开PicGo查看属性。
    1. 找到你picgo的安装路径,要找到那个.exe文件的部分,再点击那个验证图片上传选项,成功以后就是完成配置了
    2. 复制目标路径,粘贴到PicGo路径,即可

image-20230713142703474

image-20230713143017709

点击验证图片上传选项,弹出以下窗口,显示绿色字体部分,就是配置成功了!

image-20230713144544553

  • 常见配置错误:
  1. Error: You must be logged in to use :添加了gitee插件之后,要把它设为默认图床就可以解决了。不然你使用的是SM.MS图床。

  2. Error: Error in repo name:repo为用户名+仓库。需要自己检查一下是否填错

5. 上传图片到Gitee【重要】

关键一步!,如果这步没有操作,那么一切白费!

点击Typora格式,选择图像,选择上传所有本地图片!

image-20230713150046469

上传成功:此时就彻底配置成功啦,赶紧上传图片到CSDN试一试吧~

在这里插入图片描述

6.解决配置错误

  • 如果在配置Typora,点击验证图片上传选项,显示的是:success”:false,“message”:“upload error根据提示问题的log文件所在位置,查看失败信息

image-20230713144914259

  • 复制上述红框中的地址文件管理,找到名为:picgo.log的文件,打开,查看报错日志,可能日志比较多,最新的日志在最下面。

image-20230713145007516

根据日期选择日志查看,此处报错显示是一个文件名已经存在。代表的是Gitee的仓库已经存在这个文件名了,那么此时需要去配置PicGo,把path,改个名字。

image-20230713145125910

image-20230713145319940

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/20406.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JVM (simple Version)

简介 JVM 其实就是一个Java进程 , 从操作系统申请一大块内存区域, 供 java 代码使用 . 申请出的内存 , 进一步划分 , 给出不同的用途 . JVM 内存区域划分 : 堆中存放就是 new 出来的对象. (成员变量) 栈 是用来维护方法之间的调用关系 (局部变量) 元数据区(或者叫方法区) 存放的…

day34-servlet 分页

0目录 servlet 1.分页 分页逻辑1:数据库中20条记录,要求每页5条数据,则一共有4页 分页逻辑2:数据库中21条记录,要求每页5条数据,则一共有5页 分页逻辑3:数据库中19条记录,要求每页…

Java阶段五Day04

Java阶段五Day04 文章目录 Java阶段五Day04订单交易案例调整项目案例环境克隆项目验证maven环境数据库导入本地mysql核心业务 实现csmall-for-jsd-all纵向拆分csmall-for-jsd-order系统 删除module(删除maven项目)idea记录maven忽略pull远程解决冲突git对…

Windows操纵kafka

这里写目录标题 启动kafk创建一个测试主题查看所有主题查看first详细信息修改分区数(分区数只能增加 不能减少)删除主题生产者生产数据消费命令 启动kafk 安装目录下 .\bin\windows\kafka-server-start.bat .\config\server.properties创建一个测试主题 安装目录下 .\bin\wi…

详解LeafLet中如何展示GeoServer发布的图层组

目录 前言 一、关于图层组 1、使用图层图组的好处 2、创建图层组 二、在Leaflet中展示图层组 1、新建Html模板框架 2、绑定地图map和底图设置 3、绑定图层组 总结 前言 在之前的博文中,曾经重点介绍如何使用LeafLet叠加Geoserver wms图层到已有底图的方法 ,…

【Spring | 资源处理】

Resource Resource 接口介绍核心方法常见接口优缺点 内置Resource实现UrlResourceClassPathResourceFileSystemResourcePathResourceServletContextResourceInputStreamResourceByteArrayResource Resource 接口 不幸的是,Java的标准Java.net.URL类和各种URL前缀的标…

Go实现socks5服务器

SOCKS5 是一个代理协议,它在使用TCP/IP协议通讯的前端机器和服务器机器之间扮演一个中介角色,使得内部网中的前端机器变得能够访问Internet网中的服务器,或者使通讯更加安全。SOCKS5 服务器通过将前端发来的请求转发给真正的目标服务器&#…

Web3 智能合约通过数组方式存储更多学生数据

之前的文章 Web3 在Truffle项目中编写出自己的第一个solidity智能合约带大家写了一个相对捡漏的智能合约 这样 每次 我们set 后 都会将原来的数据覆盖掉了 那么 有些人可能会想 那我们弄个数组 将新的数据全部加到数组里不就行了吗? 这个想法其实就很不错 我们可以…

智能汽车的主动悬架工作原理详述

摘要: 本文将详细介绍主动悬架功能原理设计。 主动悬架是车辆上的一种汽车悬架。它使用车载系统来控制车轮相对于底盘或车身的垂直运动,而不是由大弹簧提供的被动悬架,后者的运动完全由路面决定。主动悬架分为两类:真正的主动悬架…

OpenCV 入门教程:轮廓特征和轮廓匹配

OpenCV 入门教程:轮廓特征和轮廓匹配 导语一、轮廓特征二、轮廓匹配三、示例应用3.1 目标识别3.2 形状分析 总结 导语 轮廓特征和轮廓匹配是图像处理中用于描述和比较轮廓的技术。通过提取轮廓的形状、面积、周长等特征,并进行比较和匹配,我…

Android 系统的分区介绍

由于Android系统采用Linux架构,所以Android的系统分区可以类比同样采用Linux架构的操作系统(如Windows)。 Android系统分区分类 现在一般常见的Android分区方式共有三种,在不同的Android系统版本上会采用不同的分区方式。 1、传…

应用级监控方案Spring Boot Admin

1.简介 Spring Boot Admin为项目常用的监控方式,可以动态的监控服务是否运行和运行的参数,如类的调用情况、流量等。其中分为server与client: server: 提供展示UI与监控服务。client:加入server,被监控的…