GitHub+PicGo+Typora搭建个人免费图床并实现md粘贴即上传

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,内容安全 1000次 1年
对象存储 OSS,恶意文件检测 1000次 1年
简介: 本文介绍基于Github平台与PicGo工具,构建免费、稳定的图床,并实现在Typora内撰写Markdown文档时,粘贴图片就可以将这一图片自动上传到搭建好的图床中的方法~

  本文介绍基于Github平台与PicGo工具,构建免费、稳定的图床,并实现在Typora内撰写Markdown文档时,粘贴图片就可以将这一图片自动上传到搭建好的图床中的方法。

1 配置GitHub

  首先,我们需要配置Github,创建一个仓库从而保存我们的图片。

  进入Github平台的官方网站。注册或登录账号后,点击屏幕左侧的“New”按钮,从而新建一个仓库(Repository),如下图所示。这个Repository就是我们后期图片的保存位置。

  随后,在如下图所示的Repository配置界面中,配置Repository的信息。其中,下图两个紫色框内的内容是大家Repository名称与简介,因为我们是配置图床,所以就可以写一些和图片有关的名称与简介即可(但要注意名称中不要含有空格或特殊字符)。随后,要确保在下图所示的红色框内选择”Public“,否则之后我们在外部访问我们图床中的图片,就会由于没有权限导致失败。此外,其他的信息大家就随意选择即可,建议保持默认。

  随后,选择”Creat repository“即可。接下来,在页面右上角,点开我们的头像,并选择”Settings“,如下图所示。

  随后,选择其中左下角的”Developer settings“选项,如下图所示。

  随后,选择”Personal access tokens“,并选择其中下方的”Tokens (classic)”;随后,选择右上角”Generate new token“,并再选择”Generate new token (classic)“。如下图所示。

  随后,在弹出的配置界面中,首先填写”Note“,这个是当前token注释,也用一个和图片有关的名称来填写即可;随后,配置token的有效期。其实我们可以将有效期选择为永久,但是GitHub官方强烈不推荐这种永久期限的token,因此可以选择90天,之后过期了我们继续来设置新的有效期就好。随后,配置勾选项,我这里是将全部的勾选项都选中了,但是其实只要保证repo开头的勾选项选中即可。

  接下来,即可看到此时token序号已经获取了,如下图所示。这里大家一定需要保存一下当前的序号,之后就看不到这个序号了。

  至此,我们就完成了GitHub上的配置操作。

2 配置PicGo

  接下来,我们需要配置PicGoPicGo是一个工具,从而将我们的图片上传到GitHub中。

  同样的,我们还是直接进入PicGo官方网站,如下图所示。

  随后,下拉找到其下载地址,并选择一个进行下载。

  例如,我这里就在GitHub进行下载。由于我是Windows操作系统的电脑,因此选择下图紫色框内所示的安装包即可。

  随后,安装PicGo并打开,如下图所示。其中,我们需要在”图床设置“中找到”GitHub“,并配置各项信息。其中,仓库名就是我们前面创建的Repository的名称,分支名很多博主是用的master,如下图所示,但是我这里这么设置有问题(下文会提到);随后的Token就是前面我们获取的token序号,存储路径这里我们可以空着,如果大家需要指定将图片存储到仓库中的某个路径下,就在这里设置即可。随后的自定义域名,大家可以填写https://cdn.jsdelivr.net/gh/Chutj/Pictures@master,这样可以在使用图床时获取一定加速,但需要注意将其中的仓库名部分修改为大家自己的仓库名称。

  前面提到我们分支名的填写,这里应该是由于GitHub网站的调整,仓库的默认分支名称修改为了main,如下图所示。

  因此,我这里也需要在PicGo中调整分支名为main,如下图所示。大家在设置时,可以到GitHub中确认一下再填写。

  随后,在”PicGo设置“中,可以对快速上传图片的快捷键加以编辑。例如,我将第一个默认的快捷键加以调整,这一快捷键可以使得我们将剪切板中第一张图片自动上传到图床中。

  接下来,我们可以上传图片来试一下我们配置。注意,如果出现如下图所示的”上传失败“报错,证明我们的配置等可能有问题。

  针对这一情况,我们可以打开”设置日志文件“,并在此打开日志。

  随后,找到刚刚失败的记录,查看其中具体报错的内容。例如,我这里是因为一开始没有意识到GitHub的分支名称有所修改,所以导致的上传失败。

  上传成功图片后,我们就可以在GitHub指定的仓库中找到我们上传的图片。

  至此,我们就搭建好了自己免费、稳定的图床。如果大家只是需要构建图床,那么看到这里就完成全部的操作了。

3 配置Typora

  但是,我还希望在Typora软件中,复制剪切板的图片,或者上传本地的图片后,自动将图片上传至前面配置好的图床中。因此,还需要配置一下Typora软件。

  首先,如果是第一次使用,我们需要下载一个Typora软件。可以选择下载正版软件,也可以用网上一些可以直接使用的版本的安装包。下载软件后安装并打开,在”文件“中选择”偏好设置...“,随后选择”图像“,并按照如下图所示的配置方式来加以设置。

  随后,选择上图中的”验证图片上传选项“,如果出现如下图所示的窗口,则表明我们已经成功配置完毕。

  此时,如果我们在Typora内添加了图片,那么这张图片将自动通过PicGo,上传到我们前面建立好的图床中。

  至此,大功告成。

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
相关文章
|
6月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
287 3
|
2月前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
picgo上传图片不显示,到GitHub打开也不显示图片,粘贴链接访问提示“raw.githubusercontent.com无法访问”,百度搜索后修改了下hosts解决了。
506 2
github图床链接打开提示raw.githubusercontent.com无法访问解决
|
1月前
|
JavaScript Linux Windows
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
|
17天前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
github图床链接打开提示raw.githubusercontent.com无法访问解决
27 0
|
3月前
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
26 0
|
5月前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
34 1
|
6月前
|
程序员
借用GitHub将typora图片文件快速上传CSDN
借用GitHub将typora图片文件快速上传CSDN
|
Windows
GitHub下MD文档文件的使用
GitHub工具的安装   http://msysgit.github.com/ 主要有两个版本Windows和其他的平台 Git for Windows msysGit   .md文件  http://markdownpad.
521 0
|
1月前
|
编解码 Oracle Java
java9到java17的新特性学习--github新项目
本文宣布了一个名为"JavaLearnNote"的新GitHub项目,该项目旨在帮助Java开发者深入理解和掌握从Java 9到Java 17的每个版本的关键新特性,并通过实战演示、社区支持和持续更新来促进学习。
70 3
|
3月前
|
SQL JavaScript 前端开发
Github 2024-08-05 开源项目周报 Top15
根据 Github Trendings 的统计,本周(2024年8月5日统计)共有15个项目上榜。以下是根据开发语言汇总的项目数量: - Go 项目:4个 - JavaScript 项目:3个 - Python 项目:3个 - Java 项目:2个 - TypeScript 项目:2个 - C 项目:1个 - Shell 项目:1个 - Dockerfile 项目:1个 - 非开发语言项目:1个
93 2
下一篇
无影云桌面