当前位置: 首页 > news >正文

vscode+picgo+gitee实现Markdown图床

vscode中编辑Markdown文件,复制的图片默认是保存在本地的。当文档上传csdn时,会提示图片无法识别

可以在gitee上创建图床仓库,使用picgo工具上传图片,在Markdown中插入gitee链接的方式来解决该问题。

一、 安装picgo工具

1.1 vscode安装picgo插件

1.2 安装picgo

进入PicGo官网: PicGo官网
点击免费下载按钮

建议安装正式版,下载安装文件。

正常安装完成后,打开软件,点击“插件设置”,搜索gitee,安装“gitee-uploader”插件。如安装发生错误,提示安装Node.js, 需先安装好node.js。

完成Node.js 安装后,重启picgo继续安装插件,完成插件安装

二、gitee图床

可以在gitee上新建一个仓库,作为图床。也可使用已创建的git开源仓库。如下展示新建仓库的方法。

确认仓库创建成功

三、picgo配置

3.1 picgo 配置

在“图床设置”下找到“gitee”,进行如下配置

  • repo: 仓库名称
  • branch: 提交分支,可写master
  • token: gitee的私人令牌
  • path: 仓库下的存放路径
  • customPath、customUrl: 无需填写

3.2 gitee token获取

点击设置

点击私人令牌,生成新令牌
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传
配置令牌权限

生成的私人令牌保存好,并将token配置到picgo中

四、图床功能验证

4.1 截图上传

使用截图工具截图并复制后,在vscode中按快捷键Ctrl+Shift+P, 待右下角提示上传成功后,可以使用Ctrl+V把图床链接粘贴到Markdown文档中

4.2 picgo客户端拖拽上传

4.3 gitee仓库查看

查看gitee仓库,确认图片正确上传。此外,还可以更改picgo

五、结语

至此,在vscode中编辑的Markdown文档中的图片可以先上传到图床,再在文档中插入链接,这样上传文档就不会出现图片上传失败的问题。

五、结语
至此,在vscode中编辑的Markdown文档中的图片可以先上传到图床,再在文档中插入链接,这样上传文档就不会出现图片上传失败的问题。

相关文章:

  • 摄像头画面显示于unity场景
  • 项目五 OpenStack镜像管理与制作
  • 钓鱼网站开发原理(社会工程学)
  • KEIL5软件仿真观察PIN脚电平(软件仿真逻辑分析仪的使用)
  • centos查找文件 及 操作写入的进程
  • 概率论与数理统计(期末自用总结版)
  • 力扣-2663
  • 快速生成基于vue-element的后台管理框架,实现短时间二次开发
  • 关于飞浆文字识别技术的运用
  • [手机Linux PostmarketOS]一,1加6T真正的手机Linux系统
  • MacOS安装redis
  • 获取时间戳是使用System.currentTimeMillis()还是使用new Date().getTime()(阿里开发规范)?
  • 基于 Java 实现的智能客服聊天工具模拟场景
  • React 使用 Zustand 详细教程
  • Java项目:基于SSM框架实现的人事管理系统【ssm+B/S架构+源码+数据库+开题报告+毕业论文】
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • 3.7、@ResponseBody 和 @RestController
  • Angular数据绑定机制
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • Javascript编码规范
  • java取消线程实例
  • PhantomJS 安装
  • php的插入排序,通过双层for循环
  • Python 使用 Tornado 框架实现 WebHook 自动部署 Git 项目
  • spring cloud gateway 源码解析(4)跨域问题处理
  • 猴子数据域名防封接口降低小说被封的风险
  • 开发了一款写作软件(OSX,Windows),附带Electron开发指南
  • 前端之Sass/Scss实战笔记
  • 如何实现 font-size 的响应式
  • 在Mac OS X上安装 Ruby运行环境
  • Prometheus VS InfluxDB
  • 阿里云重庆大学大数据训练营落地分享
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • ​如何在iOS手机上查看应用日志
  • ​用户画像从0到100的构建思路
  • ​直流电和交流电有什么区别为什么这个时候又要变成直流电呢?交流转换到直流(整流器)直流变交流(逆变器)​
  • #pragma 指令
  • #QT(TCP网络编程-服务端)
  • #鸿蒙生态创新中心#揭幕仪式在深圳湾科技生态园举行
  • (day 2)JavaScript学习笔记(基础之变量、常量和注释)
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (附源码)计算机毕业设计SSM疫情居家隔离服务系统
  • (含react-draggable库以及相关BUG如何解决)固定在左上方某盒子内(如按钮)添加可拖动功能,使用react hook语法实现
  • (精确度,召回率,真阳性,假阳性)ACC、敏感性、特异性等 ROC指标
  • (三分钟了解debug)SLAM研究方向-Debug总结
  • (使用vite搭建vue3项目(vite + vue3 + vue router + pinia + element plus))
  • (四)TensorRT | 基于 GPU 端的 Python 推理
  • (完整代码)R语言中利用SVM-RFE机器学习算法筛选关键因子
  • (学习日记)2024.01.09
  • (转)Oracle 9i 数据库设计指引全集(1)
  • (转)PlayerPrefs在Windows下存到哪里去了?
  • (转)程序员疫苗:代码注入
  • ../depcomp: line 571: exec: g++: not found
  • .NET 3.0 Framework已经被添加到WindowUpdate
  • .NET C#版本和.NET版本以及VS版本的对应关系