01程序员利器-使用 PicGo+GithubGitee 搭建个人图床在线服务
程序员利器-使用 PicGo+Github/Gitee 搭建个人图床在线服务
1 什么是图床,图床能干什么
what:图床是专门用于托管和存储图片的在线服务,允许用户上传图片后获取一个链接可以将这个链接嵌入到代码或则文档中,这样就可以把图片分享到网页、文档或博客中。
to do:对于经常写博客、文档或技术文章的程序员很有用,可以通过搭建个人图床服务来发布自己制作的图片,这样图片可以通过外网给到互联网上的所有用户进行查看。
2 开源图床客户端
PicGo是一款开源免费,功能强大的图床上传工具,以下是该工具的下载地址
3 PicGo结合Github实现个人图床搭建
3.1 在Github源代码托管网站创建图床
登录到Github然后点击new会出现以下界面,写好相关仓库信息进行图床创建
上图中该仓库必须设置为Public,不能设置为Private。因为后续PicGo要对该图床仓库进行访问,设置好上图信息后点击Create repository 进行仓库创建
3.2 配置Github开发者设置
创建好图床仓库后点击右上角图像,然后点击Settings
进入到下面这个界面,找到Developer settings
点击上图中的Developer settings,进入到以下界面
点击上图中的Tokens(classic),进入到下图
点击Generate a personal access token ,出现下图这个界面,进行相关设置
上图中设置好Note(token名称),该文本框不能为空,然后选中token过期时间,为了安全建议时间不要太长,默认有效期是30天。token过期后再按照这篇文章方式重新生成。另外复选框repo 一定要全选,设置好后把界面拖到最后点击Generate token按钮生成token。生成成功后出现下面这个界面,红色框中的内容为token
3.3 配置PicGo
下载安装好PicGo后,打开出现以下界面
按照下图设置好Github图床相关信息
-
设定图床配置名:根据自己的习惯命名
-
设定仓库名: GitHub 创建的仓库
-
设定分支名:main
-
设定 Token:上文生成的 token。
-
指定存储路径:为空的话会上传到跟目录,也可以指定路径images/
-
设定自定义域名:可以为空
配置完成后点击确定就可以使用了,下图为图床上传界面
在上图中点击上传或则把图片拖入进行上传
上传成功后就可以到Github仓库查看到图片信息了,这样我们基于Github的在线图床服务已经搭建成,可以开始我们的技术创作啦!
4 PicGo结合Gitee实现个人图床搭建
4.1 在Gitee源代码托管网站创建图床
登录到Gitee创建用于搭建图床的仓库,按照下图进行相关设置该仓库必须为开源,设置好后点击创建
4.2 创建私人令牌
点击右上角图像,选择设置如下图
进入到以下界面,点击私人令牌
进入到生成新令牌界面
点击上图中的生成新令牌,设置好下图中的相关属性,点击提交生成令牌
下图为令牌创建成功,后续可以使用该令牌结合PicGo进行图片上传,并复制图片链接到技术文章中
4.3 PicGo安装Gitee插件
默认情况下PigGo没有Gitee插件,需要自己手动安装。打开PigGo选择下图中的插件设置搜索gitee,安装下图中的gitee-uploader1.1.2
4.4 配置PicGo
按照下图配置以下信息
- 图床配置名:自定义
- 仓库名称:在Gitee上创建的仓库名称。itbeien/base
- 仓库分支:默认为“master”,也可以根据需要选择其他分支。
- 访问令牌:在Gitee上创建的个人访问令牌,用于授权PicGo访问你的仓库。
- 上传路径:图片在仓库中的存储路径,可以根据需要自定义。images
配置完成后,点击“保存”按钮。此时,PicGo已经成功配置好了Gitee图床,可以开始上传图片了。
在下图的界面进行图片上传,可以直接拖入或点击上传按钮
图片上传成功后,可以在gitee仓库进行查看,图片上传成功后我们就可以使用仓库中的图片了
5 Typora和PicGo集成
5.1 Typora设置
点击文件-》偏好设置-》图像,按照下图红色框中的内容进行设置
5.2 在Typora中上传图片
在Typora编辑器中插入一张图片,点击图片下方的“上传图片”按钮。此时,Typora会调用PicGo来上传图片。上传完成后,PicGo会自动将图片的URL插入到Markdown文档中。这样图片会自动上传到Github或Gitee,并把文档中的图片URL替换为图床中的URL
注意:使用该方法上传图片必须先打开PicGo
欢迎沟通交流技术和支付业务,一起探讨聚合支付/预付卡系统业务、技术、系统架构、微服务、容器化。并结合聚合支付系统深入技术框架/微服务原理及分布式事务原理。
业务场景中学透RocketMQ5.0-事务消息在预付卡系统中的应用
2024聚合支付系统(dtpay)-分账子系统-商户结算报表设计及业务流程
原文地址:https://blog.csdn.net/BenMicro/article/details/142366996
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!