使用开源软件PicGO和插件picgo-plugin-sftp-uploader+Esc云服务器+nginx搭建自己的图床

准备:

原理:

实际上,实现上传图片的根本功能的是FTP协议,将图片能够通过链接显示到网页上的是nginx的作用,计算机的同学一定要学习docker和nginx。

操作第一步:

  1. 打开云服务器,能看到这篇文章的同学应该都会操作。个人推荐使用xshell+xftp,xftp用于远程连接服务器,xftp和xshell配套,可以直接拖拽上传文件到服务器,也可以直接通过记事本编辑配置文件。打开后界面如下:

    阿里云首页

  2. 选择一个目录存放你的图片,我的是在/home/images_bed/uploads下面,最好设置三级目录,方便后续配置PicGo。

    图片所在目录

  3. 配置nginx,执行下列操作,使用vim打开nginx的配置文件,通过vim修改,或则直接通过xftp图形化界面,通过记事本打开修改。

  4. 此时就可以直接在右侧目录里面选择目录,和windows系统一样的了 进入 /etc/nginx目录

    接下来我们找到nginx.conf文件,右键用记事本打开,然后在配置文件中写入下面配置。

    将配置文件中的内容全部清除,然后填入以下内容:

http {
    include mime.types;
​
server {
        listen 1024;
        server_name 1.2.3.4;
​
        location /images/ {
            alias /home/images_bed/uploads/;
        }
    }
​
​
}
events {}
  1. ps:listen是监听的端口号,就是通过链接打开服务器你需要加上域名/ip:端口号/....,这里可以选择你的端口,默认是80端口,访问时候,链接里面的80端口可以省略!

  2. 将server_name后面的1.2.3.4色设置为你的域名或则ip名,前面不要加http或则https。

  3. location就是映射的意思 alias代表别名的意思,上面代码意思就是将/images用于代替/homeimages_bed/uploads/。你可以设置为自己服务器的路径和自己想要设置的别名。

  4. 以上nginx的配置就完成了,记得保存修改。最后通过以下命令重启nginx。

sudo service nginx restart //如果是管理员权限去掉sudo

  1. 重启后,我们就可以通过路径访问图片了,这里以我的为例子,我有一张图片路径如下:。

    因为我已经将/home/images_bed/uploads/用images代替,所以我只需要在浏览器输入: 我的ip:1024/images/2023/11/suanfa.png就可以访问图片

  2. 到这里基本就配置完了,接下来配置Picgo软件

操作第二步

  1. 打开软件如下图:

  2. 找到插件设置,搜索插件sftp-uploader,点击下载。

  3. 下载好后,在图床设置中会出现STTP上传,点击进入,然后他需要两个参数,一个是网站标识,你可以随便取名,第二个是配置文件,这个需要你在本地建一个json文件,进行配置。

  4. 注意文件名称为config.json

  5. 添加以下配置,并将url后面的地址换成你的或则域名,注意要加前缀。path就是你通过链接访问图片的实际地址,因为我是设置为/images,你需要设置为自己的路径,{year}/{month}/{fullName}这个会自己在服务器中生成对应文件夹,方便分类,

  6. "uploadPath": "/home/images_bed/uploads/{year}/{month}/{fullName}",表示图片在你服务器上的实际路径,根据你的实际路径更改,"host": "1.2.3.4",改为你自己的ip,port不变,"username": "xxxxx"和"password": "xxxxx"改为你自己的。

  7. 修改以后保存配置,这个时候我们就全部配置完成了,在图床中上划找到,找到上传区点击,上传文件,在相册中可以看到你上传的文件,这里我随便上传一张图片作为例子,上传成功后会有提示,并且会自己复制图片链接:

  8. 在浏览器打开链接,访问成功,大功告成!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值