VScode+PicGo+Github搭建博客写作环境

VScode+PicGo+Github搭建博客写作环境

之前写了一篇在typora上配置写作环境,参考链接,但是typora突然要收费了,所以转战vscode写博客,并配置PicGo和Github图床,其中GitHub配置见前面typora那篇博客,下面介绍vscode配置picgo

1. 在vscode中安装配置picgo
  • 在vscode中安装插件picgo

20220723181814

  • 打开picgo的扩展配置

20220723181957

  • 配置uploader,选择github(在很下面)

20220723191157

  • 配置GitHub

20220723191354

Branch:master (看你的仓库在哪个分支)

Path:img/ (在仓库中的相对位置)

Custome Url:空,

其实可以配置一个CDN加速的url,jsDeliver,它是一个免费的CDN,最近似乎不可用了,大家也可以试一下,它的使用方法:https://cdn.jsdelivr.net/gh/你的github用户名/你的仓库名

Repo:用户名/仓库

Token:填github保存的token

2. 在vscode中使用图床
  • 打开MD文件,从别的地方粘贴一个图片,使用 Ctrl + Alt + U,可以看到文件成功上传,并且可以预览

20220723192056

大功告成
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值