如何用PicGo+GitHub创建图床
今天就跟大家聊聊有关如何用PicGo+GitHub创建图床,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
创新互联拥有一支富有激情的企业网站制作团队,在互联网网站建设行业深耕10年,专业且经验丰富。10年网站优化营销经验,我们已为近1000家中小企业提供了成都网站建设、成都网站设计解决方案,定制网站开发,设计满意,售后服务无忧。所有客户皆提供一年免费网站维护!
PicGo 介绍
这是一款图片上传的工具,目前支持 SM.MS 图床,微博图床,七牛图床,腾讯云 COS,阿里云 OSS,Imgur,又拍云,GitHub
等图床,未来将支持更多图床。
解决问题的思路就是,将本地的文件,或者剪切板上面的截图发送图床,然后生成在线图片的链接,这样就可以让Markdown
文档飞起来了,走到哪就可以用到哪????。
在众多的图床中,我选择的是GitHub
图床,这可拓展定制。
创建自己的 GitHub 图床
1. 创建 GitHub 图床之前,需要注册 / 登陆 GitHub 账号
2. 创建 Repository
点击"New repository"
按钮
第 4 步,repository 初始化 README 文件,可选 .gitignore 添加忽略文件夹,可选 选择开源协议,可选
3. 生成一个 Token 用于操作 GitHub repository
回到主页,点击"Settings"
按钮
进入页面后,点击 "Developer settings"
按钮
点击 "Personal access tokens"
按钮
创建新的 Token
填写描述,选择"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 插件版本。
在VS Code 当中,搜索PicGo插件并安装。
打开VS Code的设置界面,搜索picGo。
只需要把 current这里的下拉选项改为 github
把 Github:branch这里改成 master
把 Github: Custom Url这里改成使用 jsDelivr分发的仓库地址。即
https://cdn.jsdelivr.net/gh/你的github用户名/刚刚建的仓库名
,这样子我们以后访问图片就可以加快啦!把 Github: Repo改为 github用户名/仓库名
把 Github: Token改为刚刚在 Github 记录下来的 token
配置 PicGo
1. 下载运行 PicGo。
macOS
用户请下载最新版本的dmg
文件,windows
用户请下载最新版本的exe
文件,linux
用户请下载AppImage
文件。
AppImage
文件如何使用?»» 传送门
2. 配置图床
之后按照这个配置格式配置即可!
设定仓库名的时候,按照 “账户名 / 仓库名“ 的格式填写
分支名统一填写
master
将之前的
Token
黏贴在这里存储的路径可以按照我这样子写,就会在
repository
下创建一个“xxx/xxx/xxxxx/”
文件夹,当然你可以自己定义你的文件夹名字。自定义域名的作用是在上传图片后成功后,
PicGo
会将 “自定义域名 + 上传的图片名” 生成的访问链接,放到剪切板上https://cdn.jsdelivr.net/gh/ 用户名 / RepositoryName / 分支名
,自定义域名需要按照这样去填写
3. 快捷键及相关配置
支持快捷键command+shift+p
(macOS)或者control+shift+p
(windows\linux)用以支持快捷上传剪贴板里的图片(第一张)。
PicGo
支持自定义快捷键,使用方法见配置手册。
注:可以将快捷键设置为 ctrl+shift+c
4. 其他相关
vs-picgo:
picgo
的VSCode
版。
将上面的步骤都设置好之后,就可以让自己的Markdown
文档飞起来了,每次截图之后,都可以按一下ctrl+shift+c
,这样就会将剪切板上面的截图转化为在线网络图片链接,简直不要太爽!
看完上述内容,你们对如何用PicGo+GitHub创建图床有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
当前文章:如何用PicGo+GitHub创建图床
网页路径:http://azwzsj.com/article/godigg.html