搭建自己的图床

因为Gitee存在图片大小限制,后面已改用GitHub。请参考:GitHub图床搭建

前言

没听过图床这个词的人应该挺多的吧,毕竟平时也不怎么会用到,第一次听到图床这个概念是一位朋友跟我提起的,他平时比较喜欢写技术文章,在一次日常的商业互吹中,他鼓励我也一起写文章,我觉得很OK,跟不上大佬的脚步以后再装X是要挨打的。

搭建自己的图床_第1张图片

在大佬的指导下,我开始学习MarkDown语法、然后用自己的服务器搭建了一个私人博客(后来觉得麻烦就给停掉了,现在写文章主要是在CSDN跟微信公众号)。尝试写了几篇文章后,我经常会思考的一个问题是“文章中的这些图片咋搞啊?”,因为MarkDown语法中的图片是一个公网可以访问的URL,我所以我要想办法把我本地的图片变成公网可以访问的URL。

我最初的想法是用自己的服务器搭一个Nginx做静态资源转发,后来想了想感觉不太妥,因为这样一来当我服务器过期后,我之前上传的图片就丢失了,那么历史文章中的图片也就全部木得了。。。无奈之下去寻求了一下大佬的意见,大佬给我指了一条明路—>搭建图床。

1. 什么是图床

简单来说就是存储图片的服务器,将图片上传至该服务器中后,可以在公网中通过指定的URL获取此图片。

2. 图床的意义

  • 减轻服务器带宽压力:图片资源可以由单独的服务器来存储、访问,例如腾讯云的COS、阿里云的OSS、七牛云等产品。
  • 提供CDN加速:可以通过CDN的就近访问原则加快图片的访问速度。
  • 第三条也就是最重要的一条,就是方便写文章。

3. 搭建图床

这里采用gitee作为图片仓库有两点原因,第一点是因为它是免费的,省去了自己维护服务器的费用。第二是因为它是国内的一个网站,所以相比与github来说,访问速度会更快一些。(后来试了一下github感觉也挺快的,差别并不明显,应该是使用了jsdelivr CDN的缘故)

创建图片仓库

搭建自己的图床_第2张图片

安装图床工具PicGo

PicGo开源地址:https://github.com/Molunerfinn/PicGo/releases

我下载的是windows的2.3.0版本(2.2.0版本不能切换默认图床。。着实坑了我一把)。

下载完成后进行傻瓜式安装,然后应该可以看到下面这个画面

搭建自己的图床_第3张图片

紧接着就发现了问题,插件设置中无法搜索到gitee插件,查找了一番资料后发现还需要安装node.js环境,我傻了。

搭建自己的图床_第4张图片

安装nodejs及gitee插件

登录node.js的官网:http://nodejs.cn/download/选择Window 64位版本的nodejs进行傻瓜式安装

搭建自己的图床_第5张图片

安装完成后终于在PicGo的插件设置中找到了gitee插件,我啪的一下点击了安装,很快啊。(如果点击安装后一直显示安装中,需要退出PicGo然后以管理员身份打开)

搭建自己的图床_第6张图片

配置gitee仓库

插件安装完成后需要重启PicGo才能看到gitee的图床配置选项,填入gitee配置信息后点击确定,然后设置为默认图床,如下图

搭建自己的图床_第7张图片

  • repo:gitee仓库地址,格式为用户名/仓库名
  • branch:git分支名称,选填项,所以可填可不填
  • token:gitee的私人令牌(怎样获取gitee的私人令牌?基本百度一下就搞定了,所以就不在这里花费篇幅介绍了)。

4. PicGo基础使用

拖拽式上传

搭建自己的图床_第8张图片

打开PicGo上传区,将需要上传的图片手动拖到这里就可以了。(上传成功后,windows会弹出一个上传成功的提示),底部这个链接格式也是可以选择的,选择Markdown后可以就直接生成Markdown语法了。

快捷键上传

手动上传是不可能手动上传的,这辈子都不可能手动上传的,打开PicGo设置->修改快捷键(根据个人喜好自行设置快捷键)

搭建自己的图床_第9张图片

快捷键上传默认是从剪贴板中获取的图片信息,所以需要将图片先保存在剪贴板中(Ctrl+C、截图等方式生成的图片都是保存在剪贴板中的),然后PicGo会通过快捷键将图片上传至远程仓库,并返回对应的MarkDown语法保存在剪贴板中(这个时候你只需要Ctrl+V就完事了)

你可能感兴趣的:(图床,工具专栏,服务器,nginx,github)