【图床配置】PicGO+Gitee方案

news2025/2/2 6:38:03

【图床配置】PicGO+Gitee方案

文章目录

  • 【图床配置】PicGO+Gitee方案
    • 为啥要用图床
    • 图床是什么
    • 配置步骤
      • 下载安装PicGo
      • PicGo配置
      • 创建Gitee仓库
      • Typora中的设置

为啥要用图床

在Markdown中,图片默认是以路径的形式存在的,类似这样

image-20250131121244250

可以看到这是本地路径,这会导致当你把笔记分享给其他人后对方无法查看图片,就像这样

所以需要使用图床在网络上来存放这些图片,以便他人可以访问。

图床是什么

图床,就是指一些可以把图片存放到网上并且引用到其他网站使用的服务,类似网络相册或者网盘。

用户把图片上传至图床后,会获得该图片对应的链接,其他用户就可以通过这个链接查看该图片

image-20250131121345605

Typora支持使用网络链接的图片,并且可以在用户插入图片时自动上传图床,不过这需要一点点配置

本教程采用的是PicGO+Gitee的方案,容量暂时足够并且能够较好的适应国内网络条件

配置步骤

下载安装PicGo

官网PicGo(molunerfinn.com):https://molunerfinn.com/PicGo/

官方文档PicGo:https://picgo.github.io/PicGo-Doc/

GitHub地址GitHub - Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder

GitHub打不开的也可以在这下载64位Windows版(其他版本的话还是自己去翻一下吧https://gitcode.com/gh_mirrors/wi/windows?utm_source=highlight_word_gitcode&word=windows)

PicGo 2.3.0 https://wwc.lanzouj.com/ixBOp0e2kede 密码:2hmm

在PicGo的GitHub仓库中选择山东大学镜像站

image-20250131121706125

点进去后选择自己需要的版本

image-20250131121742173

image-20250131121757398

一般来说都是红线标注的那个版本

下载好后正常安装

装好后打开(有可能需要点隐藏的图标里面的才能打开设置界面)

image-20250131121841520

PicGo配置

到插件设置中搜索gitee并且安装对应的插件

image-20250131121925006

安装完成后右键点击图标选择重启应用,重启之后在图床设置中能看到gitee即为安装成功

image-20250131121949858

!!安装中可能存在的问题

在点击安装时,可能会弹出如图所示的错误,说明系统中没有安装node.js环境

请看往期文章:https://blog.csdn.net/v13111329954/article/details/140370988

image-20250131122031336

创建Gitee仓库

首先要在Gitee官网注册登录账户

之后在右上角的加号处点击新建仓库

image-20250131122215630

仓库名称随便起,其他的按照图片进行选择

image-20250131122318243

创建好进入仓库后,将仓库的网址https://gitee.com/后面的一段复制到PicGo图床配置的对应位置

image-20250131122401051

repo填写地址 branch填写master

image-20250131122421058

!!记得将gitee仓库设置为开源否则无法上传图片
进入gitee仓库点击管理
随便写一段超过10个字的介绍
点击下面的开源

image-20250131122659378

把勾勾全勾上后点击保存

image-20250131122731675

最后还要获取token

进入Gitee设置

image-20250131122751081

找到私人令牌一栏,点击右上角生成新令牌,仅选择图示的一项后点击提交

image-20250131122823327

image-20250131122845413

复制令牌并填入token中

image-20250131122923801

之后点击确定以及设为默认图床

Typora中的设置

点击 文件->偏好设置;在图像中按照图示进行配置

image-20250131123054859

!!并且在最后的PicGo路径中手动选择你安装PicGo的路径

image-20250131123128151

最后可以点击一下验证图片上传选项,按照步骤来的一般不会有问题
如果验证的时候弹出失败
并且弹出类似这样的窗口

image-20250131123259905

这是由于该图片已经存放在仓库中了,仓库不允许存放同名的图片
这时可以到仓库的代码处

image-20250131123315933

查看一下有没有以下两个文件,如果有就说明已经配置成功,可以使用了

image-20250131123326932

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

AI软件外包需要注意什么 外包开发AI软件的关键因素是什么 如何选择AI外包开发语言

1. 定义目标与需求 首先,要明确你希望AI智能体做什么。是自动化任务、数据分析、自然语言处理,还是其他功能?明确目标可以帮助你选择合适的技术和方法。 2. 选择开发平台与工具 开发AI智能体的软件时,你需要选择适合的编程语言、…

ArkTS语言介绍

文章目录 一、基本知识声明类型运算符语句函数函数声明可选参数Rest参数返回类型函数的作用域函数调用函数类型箭头函数(又名Lambda函数)闭包函数重载类字段方法构造函数可见性修饰符对象字面量抽象类接口接口属性接口继承抽象类和接口泛型类型和函数泛型类和接口泛型约束泛型…

基于 oneM2M 标准的空气质量监测系统的互操作性

论文标题 英文标题: Interoperability of Air Quality Monitoring Systems through the oneM2M Standard 中文标题: 基于 oneM2M 标准的空气质量监测系统的互操作性 作者信息 Jonnar Danielle Diosana, Gabriel Angelo Limlingan, Danielle Bryan Sor…

Flutter常用Widget小部件

小部件Widget是一个类,按照继承方式,分为无状态的StatelessWidget和有状态的StatefulWidget。 这里先创建一个简单的无状态的Text小部件。 Text文本Widget 文件:lib/app/app.dart。 import package:flutter/material.dart;class App exte…

电路研究9.2.6——合宙Air780EP中HTTP——HTTP GET 相关命令使用方法研究

这个也是一种协议类型: 14.16 使用方法举例 根据之前多种类似的协议的相关信息: HTTP/HTTPS:超文本传输协议(HTTP)用于Web数据的传输,而HTTPS是HTTP的安全版本,使用SSL/TLS进行加密。与FTP相比&…

【力扣】283.移动零

AC截图 题目 思路 遍历nums数组,将0删除并计数,最后在nums数组尾部添加足量的零 有一个问题是,vector数组一旦erase某个元素,会导致迭代器失效。好在有解决办法,erase会返回下一个有效元素的新迭代器。 代码 class …

linux设置mysql远程连接

首先保证服务器开放了mysql的端口 然后输入 mysql -u root -p 输入密码后即可进入mysql 然后再 use mysql; select user,host from user; update user set host"%" where user"root"; flush privileges; 再执行 select user,host from user; 即可看到变…

Gurobi基础语法之 addConstr, addConstrs, addQConstr, addMQConstr

在新版本的 Gurobi 中,向 addConstr 这个方法中传入一个 TempConstr 对象,在模型中就会根据这个对象生成一个约束。更重要的是:TempConstr 对象可以传给所有addConstr系列方法,所以下面先介绍 TempConstr 对象 TempConstr TempC…

【linux网络(4)】传输层协议详解(上)

目录 前言1. UDP协议报文详解2. TCP协议的报文格式3. TCP的确认应答机制4. TCP的连接管理机制1. TCP三次握手的过程2. TCP四次挥手的过程 5. 总结 前言 上一篇文章介绍了应用层中最重要的http协议,本篇文章将讲解传输层的两个协议: TCP和UDP. 由于UDP是一种简洁的协…

【esp32-uniapp】uniapp小程序篇02——引入组件库

一、引入组件库(可自行选择其他组件库) 接下来介绍colorUI、uview plus的安装,其他的安装可自行查找教程 1.colorUI weilanwl/coloruicss: 鲜亮的高饱和色彩,专注视觉的小程序组件库 下载之后解压,将\coloruicss-ma…

【机器学习】自定义数据集,使用scikit-learn 中K均值包 进行聚类

一、K 均值算法简介 K 均值算法的目标是将数据集划分为 K 个簇,使得每个数据点属于离它最近的簇中心(centroid)所代表的簇。 K均值聚类算法步骤 ① 初始化: 随机选择原始数据的K个数据点作为初始质心(聚类中心&…

进阶数据结构——高精度运算

目录 前言一、高精度运算的定义与背景二、高精度运算的实现方式三、高精度运算的算法实现四、高精度运算的应用场景五、代码模版(c)六、经典例题1.[高精度加法](https://www.lanqiao.cn/problems/1516/learning/?page1&first_category_id1&name…

设计模式Python版 原型模式

文章目录 前言一、原型模式二、原型模式示例三、原型管理器 前言 GOF设计模式分三大类: 创建型模式:关注对象的创建过程,包括单例模式、简单工厂模式、工厂方法模式、抽象工厂模式、原型模式和建造者模式。结构型模式:关注类和对…

用 JavaScript 打造交互式表格:添加与删除行功能

前言 在网页开发中,创建交互式表格是很常见的。今天我们通过一个示例,来展示如何使用 HTML、CSS 和 JavaScript 实现一个能够动态添加和删除行的表格,并详细解释其中 JavaScript 部分的代码逻辑。 功能展示 初始状态:页面加载后…

Linux02——Linux的基本命令

目录 ls 常用选项及功能 综合示例 注意事项 cd和pwd命令 cd命令 pwd命令 相对路径、绝对路径和特殊路径符 特殊路径符号 mkdir命令 1. 功能与基本用法 2. 示例 3. 语法与参数 4. -p选项 touch-cat-more命令 1. touch命令 2. cat命令 3. more命令 cp-mv-rm命…

服务器虚拟化实战:架构、技术与最佳实践

📝个人主页🌹:一ge科研小菜鸡-CSDN博客 🌹🌹期待您的关注 🌹🌹 1. 引言 服务器虚拟化是现代 IT 基础设施的重要组成部分,通过虚拟化技术可以提高服务器资源利用率、降低硬件成本&am…

AI大模型开发原理篇-1:语言模型雏形之N-Gram模型

N-Gram模型概念 N-Gram模型是一种基于统计的语言模型,用于预测文本中某个词语的出现概率。它通过分析一个词语序列中前面N-1个词的出现频率来预测下一个词的出现。具体来说,N-Gram模型通过将文本切分为长度为N的词序列来进行建模。 注意:这…

Python从零构建macOS状态栏应用(仿ollama)并集成AI同款流式聊天 API 服务(含打包为独立应用)

在本教程中,我们将一步步构建一个 macOS 状态栏应用程序,并集成一个 Flask 服务器,提供流式响应的 API 服务。 如果你手中正好持有一台 MacBook Pro,又怀揣着搭建 AI 聊天服务的想法,却不知从何处迈出第一步,那么这篇文章绝对是你的及时雨。 最终,我们将实现以下功能: …

leetcode 2080. 区间内查询数字的频率

题目如下 数据范围 示例 这题十分有意思一开始我想对每个子数组排序二分结果超时了。 转换思路:我们可以提前把每个数字出现的位置先记录下来形成集合, 然后拿着left和right利用二分查找看看left和right是不是在集合里然后做一个相减就出答案了。通过…

深入了解 SSRF 漏洞:原理、条件、危害

目录 前言 SSRF 原理 漏洞产生原因 产生条件 使用协议 使用函数 漏洞影响 防御措施 结语 前言 本文将深入剖析 SSRF(服务端请求伪造)漏洞,从原理、产生原因、条件、影响,到防御措施,为你全面梳理相关知识&am…