使用PicGo和Github搭建图床

使用PicGo和Github搭建图床

今天接到TX云的客服电话,大意是我在贵站购买的一个域名没有在他家服务器解析,

只能在TX云解析,但是那个域名在七牛云作为图床使用,而且七牛云要求必须备案后的域名才能使用。

貌似形成了一个死循环。。太麻烦了,于是想换个方案。

将七牛的图床转移到Github上,使用PicGO+Github/Gitee做图床。

1. Github/Gitee新建一个仓库

新建一个普通仓库即可,这里我选择在Github新建一个仓库后,Gitee由GitHub同步过来。

然后本地的git remote 同时设置Github和Gitee,这样就能同时使用Github和Gitee管理一个仓库了。

2. 生成Github/Gitee的私人令牌(Token)

用于使用PicGO上传图片时使用,这里需要注意的是这个Token只有在生成的时候显示一下,注意保存好并且不要公开。

3. 下载并安装PicGo

PicGo是一个用于快速上传图片并获取图片 URL 链接的工具

PicGo项目地址:PicGo

下载地址:PicGo Release

Mac也可以使用brew install picgo --cask来安装PicGo

4. 批量下载所有的七牛图片

注意:只有需要从七牛移植图片的同学需要执行这一步,如果之前没有使用过七牛或者其他图床,这一步可以跳过。

访问七牛云的空间管理,将所有文件存储为一个列表放到qiniulist.tzt文件中,然后使用七牛的qshell get bucket file命令下载列表中的所有文件:

1
2
3
4
5
6
for i in `cat qiniulist.txt`
do
echo $i
qshell get moonwhite $i
sleep 1
done

文件下载完成后提交至Github和Gitee就可以了

1
2
3
4
5
6
7
8
9
10
11
# 将默认远程仓库名字修改为github
git remote rename origin github
# 添加gitee的远程仓库
git remote add gitee git@gitee.com/xxx/xxx.git
# 添加所有改动至暂存区
git add .
# 提交本地修改内容
git commit -m "init commit"
# 推送至远程github和gitee仓库
git push github
git push gitee

5. Typora

Typora中添加一键上传图片至Gitee和Github的支持

typora => 偏好设置 => 图像
当插入图片时选择上传图片,上传服务选择PicGo:

image-20211001231454668

picgo添加gitee插件

6. VS Code 设置上传Github

image-20211001235456122

批量替换原blog内容中的图片链接地址

1
find . -name "*.md" |xargs perl -pi -e 's|https://yinyang.space|https://gitee.com/geekhall/pic/raw/main|g'