基于Github仓库的图床

优点：

  1. 用自己的仓库，安全稳定不跑路

  2. 图片跨设备管理

  3. 资源格式支持丰富，包括css、js等

缺点：

  1. 每个仓库限制1个G容量（超过需要新建仓库）
  2. github网络问题（可以挂公共拖管平台，自定义域名加速）

新建Github仓库

  1. 登录Github官网，点击右上角的+号，并选择New repository创建一个新仓库。

  2. 仓库名随意（这里我填入的是img），描述随意，可见性选public，最后点击页面下面的Create repository创建仓库。

    image-20230306151457174

  3. 下载git，创建公钥并上传，让计算机与Github建立通信，具体教程百度。

  4. 测试是否连通，在本地创建一个文件夹（位置和名字随意），在该文件夹内右击打开Git Bash，然后输入git clone命令拷贝仓库（git clone后面替换成自己的仓库信息）。

    1
    git clone git@github.com:bingtuo/img.git

    image-20230306153053927

    命令正常跑完，看到多了.git文件夹（打开隐藏文件）就说明成功。

    image-20230306161354510

    随便复制个小文件放在.git文件夹所在的这个目录内（更改README.md也行），在此文件夹内右击打开Git Bash，然后依次输入一下命令，将文件推送到仓库。

    1
    2
    3
    4
    5
    # 将更改提交
    git add .
    git commit -m "更新图片"
    # 推送至github仓库
    git push

    跑完命令后，浏览器在仓库中查看。

    image-20230306162329480

    此时仓库更新成功，以后的图片等文件就可以推上来。

Vercel部署

此方法可以绑定自定义域名，绑定域名后加载速度快，目前Vercel每月限流100GB

  1. 注册并登录Vercel，进入Vercel控制面板，通过Github继续，选择刚刚创建的仓库import导入，然后直接Deploy部署。

    image-20230306164141185

    image-20230306164217428

  2. 点击进入该项目的控制台，在此添加新的域名，填入自己域名的二级域名，然后在你对应的域名解析控制台添加对应域名解析，等待生效。

    image-20230306164845245

  3. 通过自定义域名+路径即可访问对应资源，例如https://img.bingt.top/img/cat1.webp

Picgo结合Markdown实时上传

我使用的是Typora+Picgo

  1. 下载Picgo](https://github.com/Molunerfinn/PicGo/releases))

    选择适合自己的版本（我的是windows的64位）

    image-20230306170159112

  2. 在插件中搜索github-plus并下载

    image-20230306170405945

  3. 安装好插件，点击图床设置—->githubPlus进入githubPlus设置

    image-20230306170720248

  4. 填写相应内容：

    repo：github用户名/仓库名

    branch：main

    token：获取自己的token(classic token，记得勾选repo)

    path：填入自己仓库下的文件保存路径

    customUrl：自定义域名

    orgin：github

    确定并设为默认图床

  5. 进入Typora设置并修改为下面所示

    image-20230306171703455

    设置完毕，点击验证图片上传选项，验证成功。