温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何用PicGo+GitHub创建图床

发布时间:2021-09-27 09:57:55 来源:亿速云 阅读:159 作者:柒染 栏目:编程语言

今天就跟大家聊聊有关如何用PicGo+GitHub创建图床,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

PicGo 介绍

这是一款图片上传的工具,目前支持 SM.MS 图床,微博图床,七牛图床,腾讯云 COS,阿里云 OSS,Imgur,又拍云,GitHub等图床,未来将支持更多图床。

解决问题的思路就是,将本地的文件,或者剪切板上面的截图发送图床,然后生成在线图片的链接,这样就可以让Markdown文档飞起来了,走到哪就可以用到哪????。

如何用PicGo+GitHub创建图床 如何用PicGo+GitHub创建图床

在众多的图床中,我选择的是GitHub图床,这可拓展定制。

创建自己的 GitHub 图床

1. 创建 GitHub 图床之前,需要注册 / 登陆 GitHub 账号

2. 创建 Repository

如何用PicGo+GitHub创建图床

点击"New repository"按钮

如何用PicGo+GitHub创建图床

第 4 步,repository 初始化 README 文件,可选 .gitignore 添加忽略文件夹,可选 选择开源协议,可选

3. 生成一个 Token 用于操作 GitHub repository

回到主页,点击"Settings"按钮

如何用PicGo+GitHub创建图床

进入页面后,点击 "Developer settings" 按钮

如何用PicGo+GitHub创建图床

点击 "Personal access tokens" 按钮

如何用PicGo+GitHub创建图床

创建新的 Token

如何用PicGo+GitHub创建图床

填写描述,选择"repo"权限,然后点击"Generate token",至少选择 repo 该项

注:创建成功后,会生成一串token,这串token之后不会再显示,所以第一次看到的时候,可以建个文本文件好好保存,忘记了只有重新生成,每次都不一样。

GitHub

Github在图床里,毫无疑问是扮演一个“仓库”的角色。

现在复习下步骤:

  • 在自己的个人账户的settings里,找到左侧最下方的Developer settings。找到Personal access tokens。在右侧点击Generate new token。

  • 这里名字可以随便写,后面的范围把repo勾选即可。记下来生成好的token。这一步的目的是生成一个能代表你身份的token, 然后交给picgo,使得它能替你上传图片,不用繁琐地再通过git commit 操作。

  • 在你的这个仓库里,点击 releases。接着点击旁边的Draft New Release,最后点Publish release。这一步是发布一个版本的意思,我们的 jsDelivr 会用到它。

jsDelivr 这是一个用于 cdn 加速的服务,神奇的地方在于,你不需要对它配置任何东西——对照,我们直接进入vs picgo

PicGo

这本身是一个方便图床上传的GUI工具,但是我这里推荐使用它的vs code 插件版本。

  1. 在VS Code 当中,搜索PicGo插件并安装。

  2. 打开VS Code的设置界面,搜索picGo。

  3. 只需要把 current 这里的下拉选项改为 github

  4. Github:branch 这里改成 master

  5. Github: Custom Url 这里改成使用 jsDelivr 分发的仓库地址。即https://cdn.jsdelivr.net/gh/你的github用户名/刚刚建的仓库名,这样子我们以后访问图片就可以加快啦!

  6. Github: Repo 改为 github用户名/仓库名

  7. Github: Token 改为刚刚在 Github 记录下来的 token

配置 PicGo

1. 下载运行 PicGo。

macOS用户请下载最新版本的dmg文件,windows用户请下载最新版本的exe文件,linux用户请下载AppImage文件。

AppImage文件如何使用?»» 传送门

2. 配置图床

之后按照这个配置格式配置即可!

如何用PicGo+GitHub创建图床

  • 设定仓库名的时候,按照 “账户名 / 仓库名“ 的格式填写

  • 分支名统一填写master

  • 将之前的Token黏贴在这里

  • 存储的路径可以按照我这样子写,就会在repository下创建一个“xxx/xxx/xxxxx/”文件夹,当然你可以自己定义你的文件夹名字。

  • 自定义域名的作用是在上传图片后成功后,PicGo会将 “自定义域名 + 上传的图片名” 生成的访问链接,放到剪切板上 https://cdn.jsdelivr.net/gh/ 用户名 / RepositoryName / 分支名,自定义域名需要按照这样去填写

3. 快捷键及相关配置

支持快捷键command+shift+p(macOS)或者control+shift+p(windows\linux)用以支持快捷上传剪贴板里的图片(第一张)。

PicGo支持自定义快捷键,使用方法见配置手册。

如何用PicGo+GitHub创建图床

注:可以将快捷键设置为 ctrl+shift+c

4. 其他相关

  • vs-picgo:picgoVSCode版。

将上面的步骤都设置好之后,就可以让自己的Markdown文档飞起来了,每次截图之后,都可以按一下ctrl+shift+c,这样就会将剪切板上面的截图转化为在线网络图片链接,简直不要太爽!

看完上述内容,你们对如何用PicGo+GitHub创建图床有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI