首页 > 其他分享 >VS Code+Gitee+Picgo实现图床

VS Code+Gitee+Picgo实现图床

时间:2025-01-12 16:33:45浏览次数:1  
标签:插件 Code Picgo gitee 图床 PicGo Gitee

在VSCode中结合Gitee图床和PicGo插件,解决Markdown文档插入图片的问题。

步骤一、在VSCode中安装Picgo插件

步骤二、在系统中安装Picgo软件

  1. 进入PicGo官网:https://molunerfinn.com/PicGo/
  2. 下载最新版本.exe文件。
  3. 安装完成后,打开PicGo,点击插件设置,搜索gitee,安装gitee-uploader1.1.2。
  4. 点击安装后发生错误, 主要是由于PicGo软件是基于node.js, 用electron-vue开发的客户端, 这里我要去node.js官网下载安装一下。
  5. 进入Node.js官网:https://nodejs.org/en/download 下载适用于win系统的.msi文件。根据引导进行安装。
  6. 重启PicGo,安装gitee-uploader1.1.2插件。

步骤三、创建Gitee仓库用于上传图片

设置仓库名和路径;设置仓库为开源;设置模板Read me文件。

步骤四、在PicGo软件中配置gitee

  • repo:用户名/仓库名。直接复制浏览器地址栏中的url。
  • branch:master。
  • token:填入gitee中的私人令牌。
  • path:gitee仓库文件夹名称,将图片上传到仓库中的文件夹。

如何获取token?

  1. 在gitee中点击右上角的设置。
  2. 点击私人令牌,然后生成新令牌。
  3. 选择相应的权限提交。
  4. 将生成的私人令牌填入Picgo的token输入框。然后设置为默认图床后确定。

结束语

此时图床设置完成,可用快捷键将剪切板中的图片上传至图床,将返回一个图片外链。
参考链接:https://blog.csdn.net/qq_42013947/article/details/136421952

标签:插件,Code,Picgo,gitee,图床,PicGo,Gitee
From: https://www.cnblogs.com/huashengbodhi/p/18667040

相关文章

  • VS Code中创建Markdown模板
    在VSCode中Ctrl+N新建文件时,键入简洁的前缀,自动生成Markdown文件模板。配置VSCode用户设置Ctrl+Shift+P搜索OpenUserSettings.json在json文件中添加以下代码:"[markdown]":{"editor.quickSuggestions":true}创建Markdown模板Ctrl+Shift+P搜索snippets......
  • leetcode115 不同的子序列
    给定两个字符串s和t,统计并返回在s的子序列中t出现的个数,结果对1E9+7取模。1<=|s|,|t|<=1000分析:判断两字符串的最后一个字符:如果相同,则可以选择匹配或者不匹配;如果不同,则只能选择不匹配。初始条件:t为空时答案为1。mintdp[1005][1005];classSolution{public:intnumDi......
  • 代码随想录算法训练营第二天 | Leetcode 209、Leetcode 59、kama 44、kama 58
    Leetcode209#include"iostream"#include"vector"usingnamespacestd;intminSubArrayLen(inttarget,vector<int>&nums){intlen=INT32_MAX;intsum=0;for(intj=0,i=0;j<nums.size();j++){......
  • leetcode2585 获得分数的方法数
    考试中有n种类型的题目,给定整数target和二维数组types,其中types[i]=[count[i],marks[i]],表示第i种类型的题目有count[i]道,每道分值为marks[i]。求在考试中恰好得到target分的方法数,答案对1E9+7取模。注意,同类型题目无法区分。1<=target<=1000;1<=n<=50;1<=count[i],marks[i]<=5......
  • 使用 VSCode 设置代码片段(Snippets)
    在VisualStudioCode中,代码片段(Snippets)是一种强大的功能,允许开发者通过简短的前缀快速插入预定义的代码模板。通过配置代码片段,你可以更简洁地添加代码模板,从而提高开发效率和代码一致性。什么是Snippets?Snippets,代码片段。是一组预定义的代码模板,可以通过输入特定的前......
  • vp Codeforces Round 986 (Div. 2)
    A.Alice'sAdventuresin"Chess"题意:你从(0,0)出发,重复固定的移动路径,问能不能经过(a,b)。直接跑一百次就行,因为ab都很小(其实只要跑20次)。点击查看代码voidsolve(){intn,a,b;std::cin>>n>>a>>b;intx=0,y=0;std::strings;std:......
  • atcoder 388 b-e题
    binclude<bits/stdc++.h>usingnamespacestd;/**@brief主函数,程序入口@returnint返回值为0,表示程序正常结束*/intmain(){//输入数组长度n和天数dintn,d;cin>>n>>d;//定义一个vector,用于存储输入数据vector<pair<int,int>>a(n);//输入数组a的元......
  • 数据结构与算法之二叉树: LeetCode 108. 将有序数组转换为二叉搜索树 (Ts版)
    将有序数组转换为二叉搜索树https://leetcode.cn/problems/convert-sorted-array-to-binary-search-tree/description/描述给你一个整数数组nums,其中元素已经按升序排列请你将其转换为一棵平衡二叉搜索树示例1输入:nums=[-10,-3,0,5,9]输出:[0,-3,9,-10,nul......
  • 数据结构与算法之二叉树: LeetCode 110. 平衡二叉树 (Ts版)
    平衡二叉树https://leetcode.cn/problems/balanced-binary-tree/description/描述给定一个二叉树,判断它是否是平衡二叉树示例1输入:root=[3,9,20,null,null,15,7]输出:true示例2输入:root=[1,2,2,3,3,null,null,4,4]输出:false示例3输入:root=[]输......
  • 数据结构与算法之二叉树: LeetCode 117. 填充每个节点的下一个右侧节点指针 II (Ts版)
    填充每个节点的下一个右侧节点指针IIhttps://leetcode.cn/problems/populating-next-right-pointers-in-each-node-ii/description/描述给定一个二叉树:structNode{intval;Node*left;Node*right;Node*next;}填充它的每个next指针,让这个指针指向其......