GitHub+jsDelivr+PicGo+Visual Studio Code 打造稳定、快速、高效、免费图床
该文章的最新版本已迁移至个人博客【比特飞】,单击链接:GitHub+jsDelivr+PicGo+Visual Studio Code 打造稳定、快速、高效、免费图床 | .Net中文网。
前言
本文介绍如何使用 GitHub+jsDelivr+PicGo+Visual Studio Code 打造稳定、快速、高效、免费的图床。由于GitHub和jsDelivr(免费CDN解决方案)都是大厂,大家不用担心他们会删库跑路。
新建 GitHub 仓库
登录GitHub帐号之后,选择 New Repository(新建仓库)。
仓库名填 blogimage,类型为 public(若设为private,将无法正常使用),最后 Create repository(生成仓库)。
生成 Token
在右上方点击头像,然后选择 Settings(设置)。
选择左边列表最下方的 Developer settings(开发者设置)。
选择 Personal access tokens(个人访问密钥),再点击 Generate new token(生成新的密钥)。
填写 Note(说明),这个值随便填,方便自己以后查看即可,repo栏,全部勾上。
密钥此时已经生成了,如图中红框处,此密钥值只会出现一次,务必在生成后保存到合适的地方,以后也无法查看。
配置 VS Code
在 vs code 扩展商店中,下载 PicGo 扩展。
配置 PicGo 扩展的选项,共需要配置6个设置。
- 图床类型,选择 github;
- 分支,推荐使用 master 分支即可;
- 自定义 Url,https://cdn.jsdelivr.net/gh/【你的GitHub用户名】/【你的仓库名】,不建议更改此处设置。另外注意,地址的最后千万不要留有斜杠 / ;
- 路径,使用 image/ 即可,注意格式,前面不要有 / ,后面必须有 / ;
- 仓库,【你的GitHub用户名】/【你的仓库名】,注意格式,前后都不要用 / ;
- 密钥,填入之前生成的访问密钥。
内容创作
一切就绪,现在可以进行图片内容的创作了,在 VS code 编辑器,使用以下快捷键即可选择图片文件并上传到 GitHub,之后可以看到生成的图片的 markdown 代码了。
该文章的最新版本已迁移至个人博客【比特飞】,单击链接:GitHub+jsDelivr+PicGo+Visual Studio Code 打造稳定、快速、高效、免费图床 | .Net中文网。
GitHub+jsDelivr+PicGo+Visual Studio Code 打造稳定、快速、高效、免费图床相关推荐
- Github+jsDelivr+PicGo 打造稳定快速、高效免费图床
本文原创首发于我的个人博客:www.itrhx.com,欢迎访问! 本文在我个人博客上的链接:https://www.itrhx.com/2019/08/01/A27-image-hosting/ – ...
- GitHub + jsDelivr + PicGo + Imagine 打造稳定快速、高效免费图床
前言 为什么要使用图床呢? 因为在不同平台发布同一篇文章的时候,最一个痛苦的点就是,图片存储问题,各个平台的文件存储方式各不相同,无法直接 Ctrl C 的方式一键搞定,为了解决这个问题,使用 Mar ...
- vscode从原有分支上新建_GitHub+VSCode 打造稳定、快速、高效、免费图床
本文由 比特飞 原创发布,欢迎大家踊跃转载. 转载请注明本文地址:https://www.byteflying.com/archives/1341. 前言 本文介绍如何使用 GitHub+jsDeli ...
- 【中英双语】Visual Studio Code速成教程
[中英双语]Visual Studio Code速成教程 您需要了解的 Visual Studio Code 的所有信息! 此教程共4.0小时,中英双语字幕,画质清晰无水印,源码附件全 课程英文名:V ...
- 【优化/加速】CDN 免费图床推荐 / 使用jsDelivr +Github搭建
免费图床网站 路过图床 官网地址:https://imgchr.com 简介:支持免注册上传图片,永久存储,支持HTTPS加密访问和调用图片,提供多种图片链接格式,成立于2011年 限制:最大10M ...
- 打造TypeScript的Visual Studio Code开发环境
打造TypeScript的Visual Studio Code开发环境 本文转自:https://zhuanlan.zhihu.com/p/21611724 作者: 2gua TypeScript是由 ...
- Visual Studio Code为什么能这么牛X?
点击上方"视学算法",选择"置顶或者星标" 你的关注意义重大! 作者:李少侠 链接:https://zhuanlan.zhihu.com/p/35303567 ...
- VS Code (visual studio code) VSC 编辑器(微软出品,js开发的编辑器)
一.选择合适的编辑器,提高编程效率 代码编辑器的选择,可以说是开发者社区中一个经久不衰的话题,现今编辑器的数量数不胜数,vim,sublime Text,Emacs,Atom等等,那么对于一个开发者而 ...
- Visual Studio Code 1.49 发布
Visual Studio Code 1.49 稳定版(即 2020 年 8 月更新)已发布. 此版本更新亮点包括: 格式化修改后的文本 - 将格式限制为仅更改的代码 对另一个项目进行贡献时,&quo ...
最新文章
- DataFrame 学习笔记
- 1.数据湖deltalake初识
- [转载] 应急管理体系及其业务流程研究
- 解决 mac zsh 所有命令失效
- 剑指offer面试题22. 链表中倒数第k个节点(链表)
- HDFS分布式文件系统知识总结
- 一台空调的容量是多少_大型中央空调工程节能改造方案如何选择
- linux xps文件,XPS 文件扩展名: 它是什么以及如何打开它?
- 银耳椰椰——Alpha冲刺Day03
- 读良葛格初心者之路有感
- Android APK瘦身之Android Studio Lint (代码审查)
- ssh-keygen命令详解
- 浏览器拉起APP(深度链接)——scheme方法
- 没做过项目经理可以考pmp证书吗?普通人考PMP®有用吗?
- BUUCTF misc 专题(22)隐藏的钥匙
- Android自定义Scrollbar样式
- matlab 双音频信号的检测,双音频(DTMF)信号的产生与检测.doc
- moviepy图片合成视频
- Web项目的Excel文件上传、解析、导入
- 【记一次开发油猴插件的过程】——逆水寒