Iwen's blog Iwen's blog
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • Linux
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
复盘
关于

Iwen

不摸鱼的哥哥
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • Linux
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
复盘
关于
  • 技术文档

  • GitHub技巧

    • GitHub高级搜索技巧
    • GitHub Actions 实现自动部署静态博客
    • GitHub Actions 定时运行代码:每天定时百度链接推送
    • GitHub Pages配置二级子域名
    • Github个人主页定制
    • vs-picgo使用方法
      • 使用 VSCode PicGo 插件 vs-picgo,简单快速搭建 Markdown 专用图床
        • 安装配置
        • 使用方式
        • 注意
    • GitHub加速下载项目的方法
    • 破解EasyIcon
  • Nodejs

  • 博客搭建

  • Linux

  • 技术
  • GitHub技巧
Mr.w
2020-12-25

vs-picgo使用方法

# vs-picgo

# 使用 VSCode PicGo 插件 vs-picgo,简单快速搭建 Markdown 专用图床

# 安装配置

  1. 在VSCode Extensions搜索vs-picgo安装,点击设置图标选择扩展设置进入设置项。
  2. 具体配置项如下,current设置为github后,填写branch分支(默认为master),自定义URLcustomUrl填写后可生成图片markdown代码,path为仓库下图片存储路径,repo为仓库名,token在GitHub (opens new window)生成,点击Generate new toke勾选repo确认生成后留存备用。

{ "picgo.picBed.current": "github", "picgo.picBed.github.branch": "master", "picgo.picBed.github.customUrl": "https://raw.githubusercontent.com/用户名/仓库名/master", "picgo.picBed.github.path": "img/", "picgo.picBed.github.repo": "用户名/仓库名", "picgo.picBed.github.token": "xxx" }

vs-picgo配置示例图 (opens new window)

# 使用方式

  1. 从剪贴板上传快捷键方式,Windows/Unix为Ctrl + Alt + U,OsX为Cmd + Opt + U。
  2. 从资源管理器选择上传快捷键方式,Windows/Unix为Ctrl + Alt + E,OsX为Cmd + Opt + E。
  3. 输入本地资源地址上传快捷键方式,Windows/Unix为Ctrl + Alt + O,OsX为Cmd + Opt + O。
  4. 以上三种方式上传时,若选中文本则以选中文本为上传文件名。

# 注意

  • 若无法访问https://raw.githubusercontent.com,则需要修改hosts文件,复制hosts文件后添加199.232.4.133 raw.githubusercontent.com行,再覆盖到C:\Windows\System32\drivers\etc下。
  • 可参考PicGo 配置手册 (opens new window)
Github个人主页定制
GitHub加速下载项目的方法

← Github个人主页定制 GitHub加速下载项目的方法→

最近更新
01
flex布局页面自适应滚动条问题
12-28
02
前后端分离开发请求接口跨域如何携带cookie的问题
12-28
03
怎么实现div长宽比固定width-height4比3
12-28
更多文章>
Theme by Vdoing | Copyright © 2017-2022 Iwen | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式