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

news/2024/11/29 8:50:01/

  • 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.ppmy.cn/news/856733.html

相关文章

php开发实战分析(2):cookie的动态使用(设置、获取、删除、猜你喜欢原理、购物车调用)

cookie的动态使用 一、cookie的基本用法1.设置 Cookie:2.获取 Cookie:3.删除 Cookie: 二、实战开发应用1.设置cookie封装函数2.商品页,读取商品ID,并设置cookie3.获取最近浏览商品 一、cookie的基本用法 在 PHP 中&am…

HTTPS网站提示“此网站无法提供安全连接”

所有文章优先发布在个人博客上,后续更新可能会忘记同步到CSDN上,给你带来不便抱歉。 个人博客此篇文章地址: https://www.xdx97.com/article/654797281383415808 遇到这个问题的情况很多,这里提供一下我遇到的问题。 我们在下载ssl证书的时候…

访问网站出现需要进行身份验证您与此网站的连接不是私密连接

症状如上图 解决方案: iis打开身份验证 禁用以上内容即可

解决 “此网站的安全证书有问题 继续浏览此网站 无反应” 的问题

用 IE 9 / IE10 访问内部系统网站,一些需要证书的网站可能会出现: 解决的办法是(三种方法任选其一): 1、重新生成服务器网站的证书,长度由 512 位改为 1024 位。 2、卸载掉:微软非安全补丁KB…

解决安装SSL后,通过https访问出现“您与此网站建立的链接并非完全安全”提示的问题

之前安装SSL并配置https访问之后&#xff0c;通过谷歌等浏览器访问出现这个提示&#xff1a; 原因是我们的页面存在一些不安全的http请求&#xff0c;比如图片、js等静态文件。 我们只需要将其升级为https请求即可。 页面的head中加入&#xff1a; <meta http-equiv"…

访问链接提示“此网站无法提供安全连接”

我在腾讯云上安装并配置完jdk和tomcat&#xff0c;在控制台把该开放的端口也开放了出来&#xff0c;但是启动tomcat之后却总是访问不了tomcat首页&#xff0c;提示如下&#xff1a; 此网站无法提供安全连接118.89.34.111 发送的响应无效。 ERR_SSL_PROTOCOL_ERROR于是我参考了…

https--此网站无法提供安全连接

https–此网站无法提供安全连接 如果出现下图现象&#xff1a; 并且安装了ESET NOD32系列安全软件&#xff0c;则可能解决方案为&#xff1a; 新的改变 如此问题便解决了&#xff1a;

浏览器显示“您与此网站之间建立的连接不安全”的解决方案

现在很多网站打开的时候发现浏览器地址栏多了一个小的信息提示&#xff0c;点开看&#xff0c;谷歌的Chrome浏览器会提示“您与此网站之间建立的连接不安全”&#xff0c;火狐的firefox浏览器会提示“您与此网站之间建立的连接不安全”。 这种一般是什么原因导致的呢&#xff1…