文章目录
前言
在自己的服务器上搭建个人博客和开始写笔记和文章后,一直在想怎么解决图片上传的问题,因为MarkDown语法中的图片包含一个公网可以访问的URL,我所以我要想办法把我本地的图片转换成公网可以访问的URL。
我最初的想法是用自己的服务器搭一个Nginx做静态资源转发,后来想了想感觉不太妥,因为这样一来当我服务器过期后,我之前上传的图片就丢失了,前几天在b站上刷视频的时候,偶然看到了图床这个东西,于是自己就动手搞了一个,并将过程记录下来。
不好的地方请多多见谅,欢迎评论指教,方便的话,点个赞如何😁
1. 什么是图床
2. 图床的意义
3. 搭建图床
(1)创建gitee仓库并获取私人令牌(token)
创建gitee仓库
进入https://gitee.com/,登陆自己的账号后,点击右上角的 “+” 号,在选项框中点击 “新建仓库” ,按照下图进行操作:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YGRgyMS5-1647537345609)(https://gitee.com/yoshidahome/imgs/raw/master/path/%E5%88%9B%E5%BB%BAgitee%E4%BB%93%E5%BA%93.png)]
根据以上步骤执行完毕后,一个gitee仓库就创建完成了。
gitee仓库开源
仓库创建完成后,要结合PicGo使用还需要将仓库设置为开源。
点击右上角的头像,进入设置—>数据管理—>仓库空间信息—>点击(对应仓库的)设置—>设置开源
获取私人令牌(token)
在账户设置页面,点击安全设置—>私人令牌—>生成新的令牌—>输入令牌描述,点击生成
生成之后记得进行保存,不然忘记了就要重新生成。
到此,gitee仓库就创建完成了,接下来进行PicGo的设置。
(2)PicGo设置
PicGo安装
如果已经安装完成可以跳过此步。
在浏览器中搜索 “PicGo” ,进图官网,点击 开始 —>下载安装—>应用,跳转到github进行下载。
如果安装了scoop可以直接使用命令安装。
scoop bucket add helbing https://github.com/helbing/scoop-bucket & scoop install picgo
下载完成后,无脑安装。
设置
点击插件设置—>搜索“gitee”—>选择gitee-uploader进行安装
*.不能同时下载gitee插件和gitee-uploader插件
下载完成后,点击图床设置—>gitee—>进行设置
到此,PicGo就设置好了。
在上传区可以手动上传图片到仓库
在相册中可以查看设置的仓库路径下的照片,复制Markdown链接,
(3)Typora设置
点击文件—>偏好设置,进入设置页面,按照一下进行设置
关于文件的上传,可以左上角格式—>图像—>上传本地所有照片,也可以直接右键图片上传
演示
能过看到,在点击上传后,Markdown链接从本地地址变成了gitee仓库中的地址。
这样,将文档上传到CSDN、博客园…能够看到图片,上传笔记和周报更加方便了!😘(❁´◡`❁)