首页 > 其他分享 >vscode+picgo+gitee实现Markdown图床

vscode+picgo+gitee实现Markdown图床

时间:2024-06-22 23:27:48浏览次数:26  
标签:Markdown vscode 安装 gitee 图床 文档 picgo 上传

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文档中的图片可以先上传到图床,再在文档中插入链接,这样上传文档就不会出现图片上传失败的问题。

标签:Markdown,vscode,安装,gitee,图床,文档,picgo,上传
From: https://blog.csdn.net/xiaoyuzhou1994/article/details/139890028

相关文章

  • Markdown学习
    Markdown学习标题一级标题一个#后加标题名二级标题两个##后加标题名三级标题三个###后加标题名以此类推最多六级标题字体Hello,World!Hello,World!Hello,World!Hello,World!引用选择狂神说Java,走向人生巅峰分割线图片超链接点击跳转到百度列表A......
  • vscode中使用gitee
    1.下载安装githttps://www.cnblogs.com/htj10/p/12436737.html2.生成ssh密钥和公钥运行git-bash.exe,或 右键打开GitBashHere检查我们的目录下是否已经有公钥和私钥(如下是有的)#进入用户的目录john是自己的用户名$cd/c/users/john#查看是否有公钥John@DESKTOP-I......
  • 如何将CSDN博客下载为Markdown文件
    嫌前面这段啰嗦可以直接拖到最后看下载方法解决方法:在代码里加一条$(“.left-toolbox”).remove();left-toolbox就是“关注”这个标签的类名,这句的意思就是把这个标签移除最终方法打开CSDN文章内容按键盘上的f12键(或者右键—审查元素)进入浏览器调试模式在控制台输......
  • 已安装yarn,cmd可以使用,vscode中却无法识别
    使用VScode的终端时,全局安装的插件无法使用,如:yarn、cnpm、vue/cli、live-server、umi等。 解决方法:1.以管理员身份打开vscode2.在vscode终端执行get-ExecutionPolicy ===》查看结果为Restricted3.执行set-ExecutionPolicyRemoteSigned  ===》将ExecutionPolicy设......
  • vscode+robotframework的实践-selenium(更新中)
    一说明上一次使用robotframework还是2019年毕业刚进入工作的时候,使用的是robotframework的官方配套编辑器RIDE进行自动化脚本编写,在使用的过程中偶尔会遭遇卡顿、闪退等问题,当时排查问题大多数是因为RIDE自身与python版本以及操作系统之间的兼容性问题导致的,那时候没有编程意识......
  • 基于SquLine和vscodePc模拟端环境搭建并在硬件上运行
    一、环境搭建vscode环境搭建参考博客LVGL在VScode中安装模拟器运行配置笔记教程。SquareLine下载安装即可。二、SquareLine导出代码复制到vscode工程的文件夹中在将SquareLine界面设计完成后,将ui_code下的文件和文件夹复制到vscode工程的user(自己创建的文件夹)下,并在./下的Cmake......
  • vscode python编程入门与插件推荐
    使用背景作者是一名ai测开工程师,工作环境中通常会使用到pythonshellpostgresql数据库jupyter,shh工具git版本控制等,因此向选用一个适合自己的文本编辑软件,经过长时间磨合,最终选择VScode作为我的工作软件优点内存占用率低,集成度高,开源免费插件推荐AI助手:codegeex此插件......
  • windows离线部署VSCode在Centos7上的远程开发环境
    前言公司一直使用的是ssh+vim的远程开发方式,习惯了vim之后已经非常方便了。但是还是想尝试一下VSCode的开发方式。就我而言,原因如下漂亮的语法高亮,并且有补全基于语法解析的引用查找(尽管在我们项目的场景下还是一坨翔)Ctrl+Shift+F的快速搜索可视化调试,可以直接在代码中下......
  • Vscode远程ubuntu
    远程连接到这里vscode远程到ubuntu和关闭远程连接,已完成配置python环境在远程目录下新建.vscode隐藏文件夹,文件夹里新建一个 settings.json文件,先远程服务器看下conda下的python虚拟环境位置settings.json位置及内容如下测试python环境打印pytho......
  • 一个开源的快速准确地将 PDF 转换为 markdown工具
    大家好,今天给大家分享的是一个开源的快速准确地将PDF转换为markdown工具。Marker是一款功能强大的PDF转换工具,它能够将PDF文件快速、准确地转换为Markdown格式。这款工具特别适合处理书籍和科学论文,支持所有语言的转换,并且能够去除页眉、页脚等干扰元素,格式化表格和代码块,......