当前位置:   article > 正文

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

picgo sftp

准备:

原理:

实际上,实现上传图片的根本功能的是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. 在浏览器打开链接,访问成功,大功告成!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/喵喵爱编程/article/detail/848918
推荐阅读
相关标签
  

闽ICP备14008679号