前两天搭建好了自己的个人博客,但是要上传博文的时候发现了一点问题。由于文档格式是markdown,插入图片时需要引用图片的路径(绝对路径或相对路径),但是这样做的话,博文上传后就无法找到图片的路径,导致图片无法正常显示。所以需要把要显示的图片上传到网络,生成对应的图片链接,利用网络加载图片。
之前使用过uTools里的图床插件(sm.ms源),其实还是很方便的。但是其中一个让我感到不方便的地方是我在sm.ms网站上不知道登录哪个账号查看我图床中的图片,只能在uTools的插件中才能看见。没办法,老强迫症了😳。因为个人博客已经部署在GitHub上了,所以图床也想放在GitHub上便于管理。了解到PicGo这一开源图床软件支持GitHub图床,于是便用PicGo+GitHub搭建个人图床。
1. 在GitHub上创建仓库
步骤和使用Hugo搭建静态博客网站中将项目部署到远程仓库中的创建仓库相同(这里的仓库名称随意),有问题请移步隔壁帖子进行观看。
2. 安装PicGo
进入PicGo的GitHub项目页面,可以从他的README文档中了解到关于PicGo的信息以及使用说明。
下载windows对应的PicGo安装包。
安装十分简单,双击.exe文件,修改安装路径,无脑next的傻瓜式安装。
3. 配置PicGo
打开PicGo,配置GitHub仓库的信息
设置仓库名(我就是因为这个折腾了半天😓),最初我是从GitHub仓库页面直接复制过来的,设置好之后,上传图片失败。仔细排查后发现,我填的仓库名的”/“前后各有一个空格。。。导致配置失败。所以一定要认真一点,GitHub用户名/仓库名 即可!
分支名填master即可。
指定存储路径可填可不填。我这里填的是imgs/,意思是上传的图片保存在仓库的imgs文件夹下。
3.1 获取token
Token相当于GitHub的一个“暗号”,程序想获取你GitHub账号下的仓库数据,需要正确的“暗号”。获取token的步骤:
进入GitHub账户设置
选择开发者设置
点击Personal access tokens,再选择Generate new token(可能会要求确认密码,确认就OK~)
在Note中选择备注信息,随便写什么都可以。下面的选择可以都选上,实际勾选上repo就OK。点击Generate token生成token。
GitHub会生成一串数字,这就是token,复制它到PicGo的配置栏中就大功告成了!(由于token的私密性,它只会在生成页面出现一次,以后再进这个页面则不会出现,所以建议将它复制到其它地方保存好,防止丢失。)
之后就可以愉快的使用PicGo上传图片啦。
4. 总结
填写配置信息细心一点,不要犯这种低级错误🐹。
注意!上传图片的名称不能重复,否则会上传失败!