PicGo + gitee 免费搭建个人图床

目录

  • 1 图床概念
  • 2 使用gitee和PicGo搭建图床流程
    • 2.1 下载安装PicGo工具
  • 3 图片上传错误处理
    • 3.1 PicGo客户端提示404错误信息图片上传失败
    • 3.2 PicGo客户端提示400错误信息图片上传失败

1 图床概念

​ "图床"是一个网络术语,它指的是一种用于存储和托管图片的在线服务。通常情况下,图床允许用户上传图片文件,并提供一个链接或者嵌入代码,使得用户可以在网页或者论坛等地方方便地分享和展示这些图片。

​ 图床服务的主要功能包括:

​ 1. 图片存储: 用户可以将图片上传到图床服务器上,服务器会为每张图片分配一个唯一的URL用于访问。

​ 2. 图片托管: 图床服务将用户上传的图片存储在自己的服务器上,用户可以通过链接在任何需要的地方引用这些图片,比如在网页、博客、论坛等。

​ 3. 图片分享: 用户可以通过图床服务生成的链接方便地分享图片,比如通过社交媒体、即时通讯工具等。

​ 4. 外链支持: 图床服务通常支持外链,允许用户将图片嵌入到第三方网页或者应用程序中。

​ 图床服务的使用场景包括但不限于:

      1. 在论坛或者社交媒体上分享图片。2. 将图片嵌入到个人博客或者网站中。3. 在应用程序中存储和展示图片资源。

2 使用gitee和PicGo搭建图床流程

2.1 下载安装PicGo工具

1.下载PicGo图床工具并安装,PicGo下载链接 ,如下图所示:

i.MX Linux User's Guide

  1. 下载完成后点击安装文件(PicGo-Setup-2.3.1-x64.exe)一步步安装即可,安装完成后打开软件,软件界面如下:

    i.MX Linux User's Guide

  2. PicGo默认是不支持Gitee的,只能通过安装插件来支持,点击上图中的插件设置,搜索gitee,选择安装需要的插件进行安装,如下图所示:

    i.MX Linux User's Guide

  3. 选择gitee 2.0.7插件进行安装,安装时提示需要安装node.js,如下图所示:

i.MX Linux User's Guide

  1. 在node官网上下载Node.js如下图所示:

i.MX Linux User's Guide

  1. 安装完成后,验证是否安装成功

    在键盘上按下【win+R】键,输入cmd后回车,打开命令行界面,进入命令行界面输入node -v和npm -v命令

    令,如下图所示:

    i.MX Linux User's Guide

  2. 重启PicGo软件,安装gitee 2.0.7 插件。

  3. 在Gitee网站上,搭建免费图床,新建图床仓库,如下图所示:

    i.MX Linux User's Guide

  4. 输入仓库名称,设置仓库权限和选择模板,创建图床仓库,如下图所示:

    i.MX Linux User's Guide

  5. 仓库新建完成后点击设置按键对新建的仓库进行设置,如下图所示:

i.MX Linux User's Guide

  1. 生成私人令牌:点击个人头像 ---- 设置 ---- 私人令牌 ---- 生成新令牌,如下图所示:

    i.MX Linux User's Guide

    i.MX Linux User's Guide

    i.MX Linux User's Guide

    i.MX Linux User's Guide

  2. 在PicGo软件中设置Gitee图床,如下图所示:

    i.MX Linux User's Guide

    (1)owner: 个人空间地址, 图床示例按照仓库地址填写,本例程中为kkjkkk,为必填项。

    (2)repo: 存储图片的仓库,即本例程中local_images,为比填写项。

    (3)path: 图片实际上传的路径名,若path为空,默认将图片上传到主分支,为选填项。

    (4)token: Gitee私人令牌,PicGo软件程序根据token在调用Gitee OpenAPI接口完成图片上传,为必填项。

    (5)message: 图床设置说明,为选填项。

    设置完成后点击确定按键进行确认,确认完成后点击设为默认图床,即将Gitee作为PicGo默认图床。设置完成后就可以使用PicGo客户端上传图片到Gitee图床了。

    3 图片上传错误处理

    3.1 PicGo客户端提示404错误信息图片上传失败

    ​ PicGo客户端提示404错误信息,图片上传失败,往往是因为PicGo图床配置不正确,404错误提示信息如下图所示:

    ​ 检查PicGo图床配置,按照Gitee仓库地址设置PicGo图床,对应关系如下图所示:

    3.2 PicGo客户端提示400错误信息图片上传失败

​ PicGo客户端提示400错误信息,图片上传失败,是因为Gitee仓库中已经存在了与上传图片同名称的图片,为了防止冲突提示400上传失败错误信息,如下图所示:

​ 解决方案:

​ (1). 删除Gitee远程仓库的同名图片或者修改图片名称。

​ (2). 修改本地想要上传的图片名称。

​ 解决方案:

​ (1). 删除Gitee远程仓库的同名图片或者修改图片名称。

​ (2). 修改本地想要上传的图片名称。

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

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

相关文章

理解张量拼接(torch.cat)

拼接 维度顺序:对于 3D 张量,通常可以理解为 (深度, 行, 列) 或 (批次, 行, 列)。 选择一个dim进行拼接的时候其他两个维度大小要相等 对于三维张量,理解 torch.cat 的 dim 参数确实变得更加抽象,但原理是相同的。让我们通过一…

算法力扣刷题记录 六十九【动态规划基础及509. 斐波那契数】

前言 调整一下做题顺序,多个章节同步进行,穿插练习。可以在各章节的专栏中找同一类。 记录 六十九【动态规划基础】。 一、动态规划理论基础学习 参考学习链接 二、509. 斐波那契数 2.1 题目阅读 斐波那契数 (通常用 F(n) 表示&#x…

html+css+js网页设计 中国移动5个页面(带js)

htmlcssjs网页设计 中国移动5个页面(带js) 网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad 等任意html编辑软件进行运行及修改编辑等操作&#xf…

Cpp中的this指针--复习记录

1.什么是this指针? 每个类都有一个this指针,我们的非静态成员函数可以通过这个this指针来操作对象的成员属性。this指针存储的就是类的实例的地址,this指针时时刻刻指向的都是这个实例对象本身。 由下图可知: 我在主函数中栈上创建了一个类的实例(由操…

【Python-实操】LabelMe to YOLOv8 Converter

LabelMe to YOLOv8 Converter 这是一个 Python 脚本,用于将 LabelMe 标注工具导出的 JSON 文件转换为 YOLOv8 格式的标注文件,并同时在图像上绘制标注的多边形。 功能 读取 LabelMe JSON 文件。解码并显示图像。从 classes.txt 文件加载类别标签。将多…

Java | Leetcode Java题解之第327题区间和的个数

题目&#xff1a; 题解&#xff1a; class Solution {public int countRangeSum(int[] nums, int lower, int upper) {long sum 0;long[] preSum new long[nums.length 1];for (int i 0; i < nums.length; i) {sum nums[i];preSum[i 1] sum;}BalancedTree treap ne…

Java参数传递

Java参数传递 一、 方法重载 一个类中可以存在多个同名的方法&#xff0c;只要这些方法的参数列表不同即可。 参数列表不同&#xff1a;参数个数或者参数类型不同方法重载与修饰符、返回值类型等统统无关&#xff0c;只看参数列表 二、 可变个数的形参 从Java5.0开始&…

陶瓷材质的防静电架空地板越来越受欢迎的原因

目前市面上的陶瓷防静电架空地板主要分为两种&#xff1a;钢基和硫酸钙基。前者是以全钢冲孔裸板作为板基&#xff0c;经粘接、固定整型和灌浆的方式加工而成&#xff0c;后者是以复合硫酸钙板为基材&#xff0c;表面粘接防静电陶瓷砖&#xff0c;四周导电PVC边条封边。近年来陶…

【C++】vector 的模拟实现

&#x1f4e2;博客主页&#xff1a;https://blog.csdn.net/2301_779549673 &#x1f4e2;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; 如有错误敬请指正&#xff01; &#x1f4e2;本文由 JohnKi 原创&#xff0c;首发于 CSDN&#x1f649; &#x1f4e2;未来很长&#…

02_快速启动 Demo 创建 Electron 项目、electron-forge 搭建一个 electron 项目、手动创建electron项目

快速启动 Demo 创建 Electron 项目 一、克隆一个仓库、快速启动一个项目二、electron-forge 搭建一个 electron 项目三、手动搭建一个 electron 项目四、开发工具中配置 Eslint 一、克隆一个仓库、快速启动一个项目 要使用 git 的话首先电脑上面需要安装 git //克隆示例项目的…

Qt3D给圆环等立体图形添加纹理图片

添加纹理图片&#xff0c;首先需要自己找一个纹理图&#xff0c;当然了&#xff0c;随便什么图片都行。 创建3D图形的主要步骤查看另一篇文章。 这里主要代码如下&#xff1a; 使用QTextureLoader加载图片&#xff0c;图片路径需为qrc:/的路径。 auto *planeTransform1 ne…

嵌入式学习day13(C高级Linux命令)

一丶进程管理命令 1.grep 功能&#xff1a;从文件中查找字符串 格式&#xff1a;grep "要查找的字符串" 文件名 精确查找&#xff1a;grep "\<要查找的字符串\>" 文件名 结合ps以及管道&#xff1a;ps -ef | grep a.out: 从进程信息中查找带…

10个理由告诉你,为什么鸿蒙是下一个职业风口!

在当今科技飞速发展的时代&#xff0c;新的技术和趋势不断涌现&#xff0c;为人们带来了前所未有的机遇和挑战。鸿蒙操作系统作为我国自主研发的创新成果&#xff0c;正逐渐成为科技领域的焦点&#xff0c;被认为是下一个职业风口。 10个理由告诉你&#xff0c;为什么鸿蒙是下一…

【海贼王航海日志:前端技术探索】CSS你了解多少?(二)

目录 1 -> 字体属性 1.1 -> 设置字体 1.2 -> 字体大小 1.3 -> 字体粗细 1.4 -> 文字样式 2 -> 文本属性 2.1 -> 文本颜色 2.1.1 -> 认识RGB 2.1.2 -> 设置文本颜色 2.2 -> 文本对齐 2.3 -> 文本装饰 2.4 -> 文本缩进 2.5 -&g…

vue的nextTick是下一次事件循环吗

如题&#xff0c;nextTick的回调是在下一次事件循环被执行的吗&#xff1f; 是不是下一次事件循环取决于nextTick的实现&#xff0c;如果是用的微任务&#xff0c;那么就是本次事件循环&#xff1b;否则如果用的是宏任务&#xff0c;那么就是下一次事件循环。 我们看下Vue3中…

【Canvas与艺术】黄色立体感放射光芒五角星

【成图】 【代码】 <!DOCTYPE html> <html lang"utf-8"> <meta http-equiv"Content-Type" content"text/html; charsetutf-8"/> <head><title>黄色立体感放射光芒五角星</title><style type"text/c…

Html详解——Vue基础

HTML是什么&#xff1f; 超文本标记语言&#xff08;英语&#xff1a;HyperText Markup Language&#xff0c;简称&#xff1a;HTML&#xff09;是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是&#xff1a;一组段落、一个重点信息列表、也可以含有图片和数据表…

[Vue]Vue3从入门到精通-综合案例分析

一.Vue是什么&#xff1a; 概念&#xff1a;Vue是一个用于构建用户界面的渐进式的框架 以下的内容是自里向外的 声明式渲染(Vuejs核心包)组件系统(Vuejs核心包)客户端路由VueRouter大规模状态管理Vuex构建工具Webpack/Vite Vue的两种使用方式&#xff1a; Vue核心包开发-&…

DSL domain specific language of Kola

How we design Kola - ApiHugKola background, Kola a consumer driver tester frameworkhttps://apihug.com/zhCN-docs/kola/003_dsl_contract Concept 在 Kola 定位中 Kola 是什么, 是致力于提供一个让相关各方都能够理解共同创造的测试框架和工具。 同时 Kola 是建立于业界…

node中使用http创建web服务器

1.案例代码 // 1.导入http模块 const http require(http)// 2.创建web服务器实例 const server http.createServer()// 3.为服务器实例绑定request事件&#xff0c;监听客户的请求 server.on(request,function(req,res){console.log(欢迎来到服务器);// req.url是客户端请求…