程序员经验分享-hwhale

PicGo工具配置Gitee图床仓库

2023-11-13

PicGo工具配置Gitee图床仓库

1.图床的作用

图床其实是互联网中存储图片的空间，作为一个人的云端图片链接。

我们在写博客时大多使用Markdown文件来编辑文章，而Markdown文件的图片是通过链接的方式进行传输的的，图片与Markdown文件是分开存储的形式，我们如果想要将保存有图片的Markdown文件保存到其他设备进行展示时，就不得不连着图片的文件夹一起打包进行传输来保证我们在另外的设备上打开Markdown文件时图片能够正常显示。

​因此一个云图片链接就很有必要了，而网上直接找到的链接不具有可靠性，因此搭建自己的图床还是很有必要的。本文章通过Gitee来构建图床仓库。

2.用到的工具

搭建自己的图床仓库需要用到的工具：

  • PicGo
  • Node.js
  • gitee-uploader插件
  • Gitee

3.各工具的下载及安装

3.1.PicGo

3.1.1.PicGo下载

PicGo文档地址：PicGo-Doc
PicGo下载地址：https://molunerfinn.com/PicGo
或者直接通过GitHub的仓库地址进行下载：https://github.com/Molunerfinn/picgo/releases
通过提供的国内可下载链接或者Assets内的链接进行PicGo安装包的下载（Windows环境下载.exe）

3.1.2.PicGo安装

  1. 右键单击安装文件进行安装，根据需要进行安装
  2. 选择安装位置，点击安装
  3. 点击安装，完成PicGo安装
  4. PicGo界面

3.2.Node.js

3.2.1.Node.js下载

Node.js下载地址：https://nodejs.org/en

3.2.2.安装Node.js

  1. 右键单击文件，选择“安装”进行安装。

  2. 选择“Next”进行下一步，接受许可后，点击“Next”进行下一步。

  3. 选择安装路径，点击“Next”进行下一步。

  4. 直接默认安装，一直选择“Next”到最后一步，选择“Install”进行安装。

  5. 选择“Finish”完成安装。

3.2.3.配置Node.js环境变量

3.2.3.1.配置环境及验证
  1. 在“系统变量”中的“Path”中添加Node.js安装路径（这一步在安装Node.js时会默认添加）。
  2. 验证是否安装成功，输入以下命令验证：
//在cmd命令窗口查看Node.js版本
node -v
//在cmd命令窗口查看npm版本
npm -v

正常显示版本号即安装成功：

3.2.3.2.修改模块下载位置
  1. 在Node.js安装目录下新创建两个文件夹“node_global” 和 “node_cache” 两个文件夹
  2. 修改默认文件夹
//设置全局模块的安装路径到 “node_global” 文件夹
npm config set prefix "C:\Program Files\nodejs\node-global"
//设置缓存到 “node_cache” 文件夹
npm config set cache "C:\Program Files\nodejs\node-cache"

如下图显示即成功：

  1. 将“node-global”路径添加到“系统变量”下的“Path”中(由于node全局模块大多可以通过命令行进行访问，将路径添加到“系统变量”下的“Path”中，方便使用命令行运行)
3.2.3.3.测试默认位置是否修改成功
//使用以下命令来测试默认位置是否修改成功
npm install express -g
//或以下命令
npm install express --global

/**
	“-g”等同于“–global”，“-g” 是全局安装，不加“-g”就是默认下载到当前目录。
	“-g” 表示安装到之前设置的“node_global”目录下，同时nodejs会自动地在node_global文件夹下创建“node_modules”子文件夹。
*/

下图显示测试成功：

注意：在测试npm时会遇到测试失败的问题。可能有两方面原因：

  1. 文件夹没有修改权限，将文件的权限放开即可；
  2. npm版本较低，升级npm版本即可；
//npm版本升级（在版本升级之前可以先放开文件夹的修改权限）

//清除npm缓存
npm cache clean -f
//升级到最新版版
npm install npm -g
//npm升级到指定版本
npm install npm@[版本号] -g
3.2.3.4.设置淘宝镜像
  1. 将npm默认的registry修改为淘宝registry
//查看当前使用的镜像路径
npm config get registry


//更换npm国内镜像
npm config set registry https://registry.npmmirror.com


//再次使用查看镜像的代码查看镜像路径
npm config get registry


更改成功！

  1. 安装基于淘宝源的cnpm（看个人需求可以不安装）
//安装基于淘宝源的cnpmcnpm 
npm install -g cnpm --registry=https://registry.npmmirror.com


//执行命令查看cnmp是否安装成功
cnmp -v

cnpm安装成功！

3.3.gitee-uploader插件

gitee-uploader插件可以通过PicGo中的“插件设置”进行安装，也可以使用npm进行安装，也可以将插件下载到电脑上通过PicGo中的插件设置进行手动导入。

3.3.1.通过PicGo安装

  1. 在PicGo中的“插件设置”界面，搜索框中输入“gitee”来搜索gitee-uploader插件。
  2. 点击gitee-uploader插件上的“安装”按钮进行安装。
  3. 当gitee-uploader插件上的安装按钮显示为“已安装”时，插件安装成功。

    注意：通过PicGo中“插件设置”进行安装时有概率发生安装失败的情况。（安装失败的原因及解决办法暂未找）

3.3.2.通过npm手动安装

  1. 以管理员身份运行命令提示符
  2. 输入“cd C:\Program Files\PicGo”命令进入PicGo安装目录
  3. 输入“npm install picgo-plugin-gitee-uploader”命令安装gitee-uploader插件，
  4. 重启PicGo完成插件安装

    注意：使用npm手动安装成功的gitee-uploader插件在PicGo中有概率不显示（安装失败），这时就需要再进行手动导入操作。

3.3.3.通过本地手动导入

  1. 首先将gitee-uploader插件下载到本地
  2. 打开PicGo中“插件设置”，找到“导入本地插件”
  3. 找到下载好的插件picgo-plugin-gitee-uploader文件，选择文件后导入成功

    注意：插件一般都是下载到PicGo安装目录的“node_modules”文件中，如果根目录中没有，手动创建即可。

3.4.Gitee创建图床仓库

3.4.1.建仓

在这里插入图片描述

  1. 建仓时给仓库命名
  2. 添加仓库介绍
  3. 仓库性质只有“私有”选项（后续可能改为“开源”）
  4. 选择分支模型为单分支模型（master）
  5. 点击“创建”完成建仓
  6. 找到仓库“管理”更改仓库为“开源”
  7. 允许“仓库公开须知”，点击“保存”完成更改
    注意：Gitee仓库性质不管是开源还是私有，都能够实现图床仓库的功能，但是私有仓库中图片在PicGo工具中不显示缩略图，开源仓库没有此问题。

3.4.2.创建私人令牌

  1. 在gitee“设置”中找到“私人令牌”
  2. 点击“生成新令牌”来创建用于PicGo图床的私人令牌
  3. 添加私人令牌的描述
  4. 允许“查看、创建、更新项目”的权限
  5. 点击“提交”完成私人令牌的创建
  6. 保存好私人令牌后可关闭（关闭后私人令牌将不可见）

4.PicGo配置Gitee图床仓库

4.1.配置

  1. 打开PicGo，找到“图床设置”中的“gitee”选项并点击打开

  2. 选中“gitee”并打开，点击“+”添加gitee图床仓库

  3. 添加gitee图床仓库，根据要求填写仓库的信息（图床配置名，repo图床仓库名，branch分支名，token私人令牌，path图片存放路径）

  4. 图床仓库添加好之后，在“上传区”找到“图片上传”下拉框，找到“gitee”选择配置好的图床仓库

    注意：PicGo在配置Gitee图床仓库的时候，“repo（图床仓库名称）”要格外注意，这个需要gitee的用户名加上仓库名才行，单独填写仓库名配置不成功。repo的参数可以直接通过浏览器中的URL进行复制获取。

//repo的参数格式如下
用户名/仓库名

//eg：
zhangsan/picgo-images

4.2.使用

4.2.1.PicGo使用

  1. 通过拖拽图片进行上传
  2. 点击“点击上传”选择图片上传
  3. 复制的图片通过“剪切板图片”按钮上传

    注意：图片上传失败的原因可能是图床仓库配置有问题，或是在上传界面没有选择已经配置好的图床仓库。

4.2.2.Typora使用

  1. 打开“Typora”，点击“文件”选择“偏好设置”
  2. 选择“图像”进行设置
  3. “插入图片时…”选择上传图片
  4. “上传服务设定”中的“上传服务”选择PicGo(app)，“PicGo路径”选择PicGo安装目录下的PicGo.exe文件
  5. 点击“验证图片上传选项”查看是否配置成功

    注意：如果Typora在使用PicGo时显示上传失败，原因可能时PicGo上面的图床仓库配置有问题。

5.配置过程中遇到的问题汇总

5.1.PicGo工具遇到的问题

  • 直接在PicGo工具上安装插件时可能会出现安装失败的情况，这时需要通过npm工具手动安装，或者手动导入本地插件；
  • PicGo在配置图床仓库的时候要注意repo的仓库名（格式：用户名/仓库名）；
  • 在上传图片之前要先在上传界面选择已经配置好的Gitee图床仓库；

5.2.Node.js遇到的问题

  • 在使用命令提示符修改模块下载位置时可能会出现修改失败的情况，这时需要将需要修改的文件夹的权限放开后再进行操作，可以规避掉上述问题；
  • 将“node-global”路径添加到“系统变量”下的“Path”中(由于node全局模块大多可以通过命令行进行访问，将路径添加到“系统变量”下的“Path”中，方便使用命令行运行)；
  • cnpm工具安装时可能会出现失败的情况，如果npm工具的镜像已经更改为国内镜像，cnpm可以不进行安装；
  • 在测试npm工具时，提示npm工具版本过低，升级npm工具版本至最新，命令：npm install npm -g；

5.3.gitee-uploader插件安装遇到的问题

  • 在PicGo工具界面进行安装时会出现安装失败的情况（具体原因及解决办法未找）；
  • 使用npm工具安装gitee-uploader插件后，重启PicGo后仍然没有插件显示（安装仍未成功）；
  • 这时已经通过npm工具将gitee-uploader插件下载到了本地，需要手动导入的PicGo；

5.4.gitee仓库遇到的问题

  • Gitee创建的图床仓库可以是私有的也可以是开源的，都能够实现图床仓库的功能，只是私有的仓库中图片在PicGo没有缩略图显示；
  • Gitee对仓库数量、仓库大小、上传的文件大小都有限制；
  • Gitee仓库中的文件使用外链频繁访问可能会受到限制而无法访问；
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Gitee

GitHub

git

PicGo工具配置Gitee图床仓库 的相关文章

  • 如何签出仅在“git ls-remote”中列出的分支？

    我遇到了无法切换到仅列出的分支的情况git ls remote 这是详细信息 我分叉了一个 github repoA 作为 repoB 创建了自己的分支并将其推送到 ComputerA 中的 repoB 在 ComputerB 中 我将分叉

  • 您的分支比“origin/master”领先 3 个提交

    我在运行时收到以下信息git status Your branch is ahead of origin master by 3 commits 我读过其他一些帖子 解决这个问题的方法是运行git pull rebase但是 rebase

  • 将“复制到剪贴板”添加到 GitHub markdown 的简单方法？

    具体来说 我有一些用于安装的代码块 我希望用户能够快速将其复制并粘贴到终端中 我想要一个用于代码块 复制到剪贴板 的按钮 由于 git 克隆 URL 有一个 复制到剪贴板 按钮 我想知道我是否可以利用该按钮 或者如果不能 是否可以将一些相对

  • 如何撤消删除 github wiki 页面的操作？

    我删除了 github 存储库 wiki 上的一个页面 单击该文件的链接现在会将我带到一个新的编辑屏幕 我认为这可能是在我的存储库分支中 但是在 chrome 上以隐身模式点击链接会出现错误 表明我无权编辑此文件 大概是因为我正在尝试创建它

  • 如何关闭分支而不将其从 git 的历史记录中删除？

    我想提交并关闭其分支 而不将其从历史中删除 有了水银我会commit close branch then update转到上一个 然后继续工作 有了 git 我很困惑 没有与 Git 中关闭分支完全相同的方法 因为 Git 分支比 Merc

  • 自动同步两个 git 存储库

    是否可以保持同步两个 Github 存储库 远程 的特定文件夹 有两个 github 存储库 repoA 和 repoB 这两个存储库都有名为 ABC 的文件夹以及其他独特的文件夹 如果repoA的文件夹ABC中的任何文件有更新 我想自动更

  • 如何让 Gitlab 运行程序在成功构建时将代码合并到分支中

    嗯 标题几乎是不言自明的 总之 如果构建成功 我希望将一个分支 即开发 合并到另一个分支 即生产 我尝试了 jakub kania 解决方案 但我总是得到id rsa invalid format 我认为 gitlab 秘密变量以某种方式被

  • 在 Windows 上使用 Git - 意外丢失了大量工作。我可以拿回来吗？

    我很困惑 我想我已经失去了几个小时的工作时间 我之前在 Git 中编辑了一个文件 我保存了它 但没有提交 我确实做了一些其他文件更改 并提交并推送了它们 然而 有一个文件被搞乱了 所以我单击了最后一次成功的提交 然后按了 回滚到此提交 令我

  • 尝试配置 GIT 时 Eclipse 没有响应

    Windows 10 专业版 64 位SSD金士顿 i5 4690Eclipse 版本 全部工作空间 空问题 每次我尝试配置 TEAM gt GIT gt 配置或尝试导入 创建本地 远程 git 时 Eclipse 都会冻结 直到我强制用任

  • Git 中的数据完整性？

    我现在已经多次听到提到 Git 提供数据完整性 但是 这是什么意思 据我所知 git 中的所有对象都是使用 SHA 1 校验和来访问的 并且该校验和是根据文件的内容计算的 这意味着如果文件发生更改 您将得到不同的校验和 但这如何提供数据完整

  • 如何在同一存储库中的 github 操作之间共享代码？

    假设我想要两个工作流程build yml and release yml在我的仓库中 第一个应该构建项目 假设使用 CMake 第二个应该构建项目并使用构建的二进制文件创建 GitHub 版本 项目构建代码在两个文件之间重复 如何在它们之间

  • 检查 Git 中是否需要 pull

    如何检查远程存储库是否已更改并且需要拉取 现在我使用这个简单的脚本 git pull dry run grep q v Already up to date changed 1 但它比较重 有没有更好的办法 理想的解决方案是检查所有远程分支

  • Smartgit：自动插入提交消息

    有没有办法使用钩子脚本在 Smartgit 中自动插入提交消息 重击 如果用户提交了他的更改 我想预加载提交消息字段 我没有看到任何SmartGit配置 http www syntevo com smartgit documentation

  • VS Code 在交互式变基期间不会等待我 [重复]

    这个问题在这里已经有答案了 如果我使用交互式变基git rebase i使用为 Git 配置的默认编辑器 一切都运行良好 如果我在我的全局中添加以下内容 gitconfig core editor C Program Files x86 M

  • 删除 Xcode 项目的源代码控制

    我在 Xcode 项目上使用源代码控制已经有一段时间了 但现在我不想使用源代码控制 如何从 Xcode 中的项目中删除源代码控制 有三种方法 方法 1 将禁用所有项目的源代码管理 方法 2 将删除所有项目的单个存储库的链接 方法 3 将删除

  • 结帐时出现 Git 错误：“致命：引用不是树”

    当我决定弄清楚为什么我正在从事的项目如此重要时 这一切就开始了 我运行了以下脚本 git rev list objects all git cat file batch check objecttype objectname objects

  • 为什么从网上下载Git 2.0，总是得到1.9.4的安装包？

    为什么从网上下载Git 2 0 总是得到1 9 4的安装包 为什么你不能在互联网上的任何地方找到一个不仅标记为 2 0 而且你下载的安装存档也标记为这样的 Git 安装程序包 例如 这个2 1 3 站点 http git scm com d

  • Git撤销本地分支删除

    我刚刚删除了错误的分支 并进行了一些我需要的实验性更改git branch D branchName 如何恢复分支 您可以使用git reflog http git scm com docs git reflog查找分支最后一次提交的 SH

  • 为什么 Git Bash 无法运行我的可执行文件？

    I am on git for windows https github com git for windows 吉特 巴什 我无法在命令行上运行可执行文件 Pedr Abc 07 MINGW64 c dev ls sqlite3 exe

  • 是否可以使用“git gc”来打包引用日志对象？

    正如答案所暗示的https stackoverflow com a 32025729 https stackoverflow com a 32025729我已经配置了远程裸仓库 git config gc pruneExpire never

随机推荐

  • regsvr32提示模块加载失败 请确保二进制

    微软官方的一部分解释 https support microsoft com en us kb 249873 关于32位和64位的说明 http csi windows com blog all 73 windows 64 bit 378

  • 2021-05-20

    自我介绍 大家好 我是西安财经大学2019级大二的一名在校生 来自陕西省咸阳市 当时高考完在填报志愿的时候 我雨我的专业 一见钟情 计算机科学科学与技术专业 虽然有很多人告诉我说女孩子学IT这个行业不好 太辛苦太累等等 对于这些我都一笑了之

  • 多项式加法运算（链表实现）

    文章目录 创建结点类型 打印多项式 尾插 插入排序 多项式相加 代码总览 结果展示 创建结点类型 我们用链表存储一个多项式 那么该链表的每一个结点就代表多项式的某一项 所以我们的每一个结点必须包含三个信息 多项式的系数 多项式的指数以及指向

  • tf2报错解决 assertion failed: [predictions must be ＞= 0] [Condition x ＞= y did not hold element-wise:]

    环境 tf2 完整报错如下 tensorflow python framework errors impl InvalidArgumentError assertion failed predictions must be gt 0 Con

  • 理解主从设备模式(Master-Slave)

    主从设备模式 主从设备模式也叫做主仆模式英文简称为Master Slave 核心思想是基于分而治之的思想 将一个原始任务分解为若干个语义等同的子任务 并由专门的工作者线程来并行执行这些任务 原始任务的结果是通过整合各个子任务的处理结果形成的

  • 安卓APP_ Fragment（3）—— Fragment的生命周期

    摘自 安卓APP Fragment 3 Fragment的生命周期 作者 丶PURSUING 发布时间 2021 04 16 22 32 12 网址 https blog csdn net weixin 44742824 article d

  • LINUX进程启动时自动挂载调试

    对于某些多进程的应用 子进程是有主进程拉起来的 此时想对子进程的启动流程打断点就比较麻烦 如果在子进程启动时调试器自动挂载就完美了 网上找到了gdbhelpers的开源工具库 其对gdb的现有命令集做了扩展 有一个工具是实现预挂载的 原理也

  • （PPT+官方解读）：中国移动5G终端产品2021年要这么干！

    以下内容来自官方解读 1 2020 年终端产品发展回顾 2020 年新冠疫情全球蔓延 生产和生活受到冲击也带来很多改变 应该说这是不平凡的一年 也是在这一年的不断努力之下 中国移动 5G 终端交出了一份还算不错的答卷 中国移动网内 5G 手

  • Html常用正则表达式

    Html常用正则表达式 匹配帐号是否合法 字母开头 允许5 16字节 允许字母数字下划线 a zA Z a zA Z0 9 4 15 验证用户密码 a zA Z w 5 17 正确格式为 以字母开头 长度在6 18之间 只能包含字符 数字和

  • Linux 其他用户（非root用户）设置root权限及免密（Centos7为例）

    在linux系统中我们经常要创建一些非root用户来完成一些特定的操作 有时我们需要执行一些root用户才能执行的命令 这时我们需要给该用户设置root的权限 下面将演示如何操作 1 首先创建一个test用户 root smiletian

  • Postman导出和导入接口

    1 点击Export导出接口 2 点击Export 3 导出成功 4 导入操作 import 5 选择导入文件 7 导入成功

  • vue element的el-select下拉框赋值之后无法选择

    watch监听form applicant applyUnit里值的变化 赋值给form project disposalType 但发现下拉框不能再次选择 watch form applicant applyUnit handler va

  • 2013年9月22日星期日（准备工作：分离ddraw的math和interface）

    在之前 要进行下封装 好吧 先加个类 ddraw math类吧 顺便把ddraw引擎中的几个矩阵弄到ddraw math类中来 让接口和数学相分离开 头文件有这些 pragma once a 2D vertex typedef struct

  • 表单提交时，get,post用哪种方式，如何设定？

    一般来说 使用 HTTP 的 POST 方法来提交表单 因为 POST 方法可以将表单数据作为请求正文发送到服务器 而 GET 方法将表单数据包含在请求 URL 中 在 HTML 中 可以通过在

  • 【裸机开发】UART 串口通信（二）—— 使用 UART 收发数据

    这节其实就是在对上一篇文章涉及到的一些操作进行整理和归纳 不一定完全按照上一篇的顺序来 目录 一 UART IO 初始化 二 UART 初始化 1 打开 关闭串口 2 软件复位 3 总结 UART 初始化 三 接收数据 四 发送数据 一 U

  • 【STM32】LCD液晶显示

    作者 一只大喵咪1201 专栏 STM32学习 格言 你只管努力 剩下的交给时间 LCD显示 LCD简介 TFTLCD驱动原理 ILI9341 液晶控制器简介 液晶屏的信号线及 8080 时序 使用 STM32 的 FSMC 模拟 8080

  • C语言知识小结（七）

    共用体 共用体是一种数据结构 结构体和共用体的区别 结构体 结构体的各个成员会占用不同的内存 互相之间没有影响 结构体占用的内存大于等于所有成员占用的内存的总和 成员之间可能存在缝隙 共用体占用的内存等于最长的成员占用的内存 共用体 共用体

  • AtomicStampedReference、AtomicMarkableReference源码分析，解决cas ABA问题

    cas的ABA问题就是 假设初始值为A 线程3和线程1都获取到了初始值A 然后线程1将A改为了B 线程2将B又改回了A 这时候线程3做修改时 是感知不到这个值从A改为了B又改回了A的过程 AtomicStampedReference 本质是

  • L1-044 稳赢(Python实现) 测试点全过

    前言 color Blue 前言 前言 本系列题使用的是 PTA中的团体程序设计天梯赛 练习集 的题库 难度有L1 L2 L3三个等级 分别对应团体程序设计天梯赛的三个难度 如有需要可以直接查看对应专栏 发布个人的刷题笔记的同时 也是希望可

  • PicGo工具配置Gitee图床仓库

    PicGo工具配置Gitee图床仓库 1 图床的作用 2 用到的工具 3 各工具的下载及安装 3 1 PicGo 3 1 1 PicGo下载 3 1 2 PicGo安装 3 2 Node js 3 2 1 Node js下载 3 2 2 安

热门标签