vscode+picgo插件+github图床配置

作者:Rem ㅤ | 发布时间:

1. 前言

在使用Typora+picgo时,picgo总是可以成功上传,然而Typora调用picgo总是时不时出现问题,所以我现在直接转战vscode。

2. github配置

  1. 创建一个新的仓库,如命名为My-img,设置仓库为public,否则可以上传不能获取图片,README是否创建都不影响。
  2. 在仓库新建文件夹命名为img(非必须创建,也可以不创建)
  3. 点击用户头像,选择setting -> Developer settings -> Personal access tokens->tokens(classic),选择Generate new token -> Genereate new token(classic),输入一个您喜欢的名称Note,Expiration(期限)选为No expiration(永不失效),勾选repo,其他的都不用勾选,最后点击Generate token即可得到token,token只在此时完整显示一次,请此时务必保存。

20230406221128

3. vscode安装picgo扩展

  1. 在扩展中搜索picgo,点击安装。

  2. 转至picgo设置。 20230406221457 下滑至下图位置并进行相应设置: 20230406221640

    选项 配置
    Current github
    Branch master
    Custom Url https://cdn.staticaly.com/gh/ + 用户名 + / + My-img(仓库名) + @master
    Path img/(文件夹名,没有可以不写)
    Repo 用户名 + /My-img
    Token 在github获取的token填写

    此处使用的cdn为staticaly,比jsDelivr更好用。

4. 使用方法

使用Ctrl + Alt + U快捷键即可上传剪切板的当前图片。

5.vscode编辑Markdown推荐扩展

  1. Markdown Preview Mermaid
  2. Markdown All in One
  3. markdownlint
标签:思路分享