【摘要】 VScode+PicGo+Github+jsdelivr使用图床书写Markdown考必过小编为大家整理了关于VScode+PicGo+Github+jsdelivr使用图床书写Markdown的信息,希望可以帮助到大家!
VScode+PicGo+Github+jsdelivr使用图床书写Markdown
标签:复制粘贴剪贴板域名打开artken分支出现否则
本文讲述使用Github作为图床,VScode搭配Picgo插件书写Markdown,并使用jsdepvr进行CDN加速的配置流程。
准备阶段
首先进行以下准备工作,都很简单,不再赘述。
注册Github账号
安装VScode
为VScode安装Picgo插件
配置github
创建仓库
登陆github,点击右上角加号,选择“New repository”创建新仓库
设置仓库属性,具体如下图所示。值得注意的是,仓库可见性必须设为pubpc,否则无法使用仓库作为图床。
获取token
生成一个Token用于操作GitHub repository。
点击头像,选择“setting”
进入页面后,依次点击“Developer settings-Personal access tokens”,然后点击“Generate new token”按钮,获取一个新的token。
点击后,在新出现的页面“Note”选项中键入token的名称,然后勾选下方repo权限后,点击页面最下方“Generate token”按钮
创建成功后,会生成一串token,这串token之后不会再显示,所以最好将其记录下来。
配置Picgo插件
打开VScode,找到Picgo插件,在插件上“右击-扩展设置”,往下拉,在设置中找到以下属性并修改:
"Current":当前使用图床,修改为github
“Github: Repo”:github仓库,设置为用户名/仓库名
,如geop91/ImageHosting
“Github: Path”:图片需要存放的文件夹,即图片存放路径为用户名/仓库/path/图片名.png
。可选,如果有需要可以设置,如img/
“Github: Custom Url”:自定义域名,可以通过设置该项使用CDN加速,如使用jsdepvr加速这可设置为https://cdn.jsdepvr.net/gh/geop91/ImageHosting
,其中结尾为用户名/仓库名
。如果不使用CDN加速,则无需修改。
“Github: Branch”:分支名,如果仓库只有默认的一个分支,则直接填master
即可
“Github: Token”:从Github获得的提交token,复制粘贴即可,注意保护好不外泄。
配置jsdepvr CDN加速
将Picgo插件中“Github: Custom Url”自定义域名属性设置为https://cdn.jsdepvr.net/gh/用户名/仓库名
开头,如https://cdn.jsdepvr.net/gh/geop91/ImageHosting
即可自动使用jsdepvr 免费CDN加速服务。尤其是2020年开始https://raw.githubusercontent.com
被墙之后,更是只有利用CDN才能访问github图床了。
Picgo快捷键
ctrl+alt+u:从剪贴板插入图片
ctrl+alt+e:手动选择要插入的图片
OK,打完收工,开始享用吧
本文参考:
PicGo帮助文档 https://picgo.github.io/PicGo-Doc/zh/guide/config.html#github图床
博客 https://blog.csdn.net/weixin_46486966/article/details/104968819
https://ee.ofweek.com/2020-06/ART-11000-2818-30445800.html
VScode+PicGo+Github+jsdepvr使用图床书写Markdown
标签:复制粘贴剪贴板域名打开artken分支出现否则
以上就是VScode+PicGo+Github+jsdelivr使用图床书写Markdown的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!