图床

准备工作

  • github账号注册:必须,但省略

  • 下载PicGo,链接如下:必须

https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo/v2.3.1/

  • typora软件:非必须,最好有。也可找其他mrakdown代替,比如我使用的vscode+Markdown All in One

图床是什么

图床可以翻译为”image hosting”或者”image storage”,主要功能包括:

  1. 图片上传:用户可以将图片上传到图床平台。
  2. 图片存储:平台会存储用户的图片,并提供一定的管理和访问权限。
  3. 图片分享:用户可以获得图片的直接链接,并通过这些链接在其他网站、论坛、社交媒体等地方分享图片。
  4. 图片管理:用户可以在图床上管理自己的图片,包括查看、编辑、删除等操作。

国内常见的图床服务

  • 七牛云
  • 阿里云oss
  • 又拍云

之前我一直将图片上传到七牛云,但是七牛云的免费域名只有30天,到期了有需要重新申请,解决方案是自己申请一个域名,便可以长期使用七牛云的免费空间额度进行图床搭建。个人实在不想折腾,于是选择了github的搭建方案,相比于其他国内的搭建方案,步骤可谓非常简单,而且不限制容量。

网上查了一些攻略说github搭建图床的缺点是访问速度慢,但是仔细一想,我的笔记写来是给自己看的,对速度没有要求。

使用github搭建图床

思路:其实很简单,就是在github上建立一个public的仓库,然后使用该仓库作为图床服务器存储

1. 创建新仓库

image-20240929110859291默认

仓库名随意,一定设置为public

image-20240929111036997

2. 生成token令牌

setting->Developer Settings->Personal access tokens->Tokens(classic)->Generate new token(classic)

image-20240929112002237

然后创建tokens即可,这个步骤可能让你验证账号之类的,接下来就是一些token的设置如下:

note:随便填写,没有影响

expiration:也可以随便填写,可以填永久,也可以按照自己的需求填写,我目前还不知道到期了有什么影响
2024年10月14日更新:实测7天过期之后只需要重新生成即可,不需要进行任何多余的操作,十分简单。因此,不建议永久有效。

**select scopes:**勾选repo前边的选项

具体设置见下图:

image-20240929112435178

其他设置全部默认,然后拉到最后点击蓝色的Generate Tokes等待生成即可

注意:生成的token记得复制备份,之后的PicGo设置需要用到

PicGo来实现图片上传

PicGo是方便我们进行图片上传的,而且方便我们对图片进行管理。

下载地址:https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo/v2.3.1/

1. PicGo设置:

选择:图床设置->Github,然后进行核心配置

设定仓库名:格式为用户名/仓库名直接复制下方红框中的内容也可。

image-20240929105601077

设定分支名:一般为main或者master,具体需要看自己的设置

image-20240929105901786

设置token就是github搭建图床生成的token

设定存储路径:img/可根据自己喜好填写即可

自定义域名:这个需要一个免费的加速域名,可以直接用https://cdn.jsdelivr.net/gh/,或者自己申请一个。

具体格式为:加速域名+账户名+仓库名/分支名,中间+号不用填写,举例:

https://cdn.jsdelivr.net/gh/dkyou/ImageHostingdku

以上便完成了PicGo的所有设置,详情见下图:

image-20240929105414368

之后,可以返回上传区域,直接上传即可,也可以把github设置为默认图床

2. 使用PicGo上传图片到github仓库

拖拽即可,非常简单

image-20240929113745531

3. 引用PicGo的链接到typora中进行测试

点击复制即可得到以下markdown格式的图片链接,插入到markdown中即可解析出图片

1
![](https://cdn.jsdelivr.net/gh/dkyou/ImageHostingdku/img/%E3%80%90%E9%9B%AA%E3%80%912024-09-20%2023_57_02.png)`

image-20240929114132613

当然也可以选择HTML URL等等其他格式的链接,非常灵活

4. 测试结果

设置Typora实现插入到typora的图片自动上传到图床

前提:开启代理

打开typora,依次点击:文件->偏好设置->图像。选择 上传服务,设置一下picgo和picgo路径。比较简单,就不贴图了。

这样之后插入到Typora的图片就会自动上传到github仓库里了

批量转移图床

这里只是记录一下批量转移图床的思路,具体我还没有遇到过,但是我感觉我很有可能以后会遇到。

简单思路:使用vscode或者typora的批量替换功能可以实现图片关键信息链接的替换,vscode似乎可以替换多个文件。

参考链接

  1. 如何用github搭建图床(亲测有效)_github图床-CSDN博客

  2. 2024新版-使用GitHub搭建个人图床-CSDN博客