部署nginx图床

实战-完美解决md图床问题-nginx图床-20240804(测试成功)

背景

图床对md文档/博客来说是非常重要的，那么让我们来给自己部署一个非常实用的图床吧。

版权

本文为One原创文章，转载无需和我联系，但请注明文章来源。

前提条件

已经提前购买好云服务器；
域名已完成备案（域名备案也是很方便的哈）；
域名已配置https证书；
需要给次域名配置cdn；（未配置cdn时，如果md里图片偏多后，打开一个md后图片加载会出现延迟……）

提示

最好建议通过域名来访问自己的图床服务，因为公网ip后续可能会更改，但域名是不会变的，因此后续迁移图床数据是非常方便的；
域名备案流程也不复杂，把该填的内容都填了，等待审批通过就好；
域名配置https泛域名证书也很方便；（见手把手文档：《实战-Cerbot结合阿里云dns插件实现自动续期-20250305(测试成功)(推荐)》）

1、部署nginx

云服务器上部署nginx服务

参考文章：

《实战：yum方式部署nginx-2024.4.16(测试成功)》

给自己网站配置https泛域名证书

参考如下链接：

《实战-Cerbot结合阿里云dns插件实现自动续期-20250305(测试成功)(推荐)》

自己本次nginx配置如下:

2024年8月4日

nginx.conf配置文件：

cat /etc/nginx/nginx.conf

具体代码

bash

user root;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections 1024;
}

http {
    gzip on; # 启用 gzip 压缩
    gzip_vary on; # 根据请求中的 `Accept-Encoding` 响应头决定是否启用 gzip
    gzip_proxied any; # 在所有代理请求中启用压缩
    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript; # 指定哪些类型的响应需要压缩
    gzip_comp_level 5; # 压缩等级（范围是 1-9，高级别意味着更好的压缩但会消耗更多 CPU 资源）
    gzip_min_length 256; # 只对超过给定长度的响应启用压缩
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 4096;

    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;

    # Load modular configuration files from the /etc/nginx/conf.d directory.
    # See http://nginx.org/en/docs/ngx_core_module.html#include
    # for more information.
    include /etc/nginx/conf.d/*.conf;
    charset utf-8;

    # Settings for a TLS enabled server.

}

ssl证书位置：

bash

[root@docusaurus-wiki cert]#pwd
/etc/nginx/cert
[root@docusaurus-wiki cert]#ll
total 8
-rw-rw-rw- 1 root root 2855 Aug  3 10:00 fullchain1.pem
-rw-rw-rw- 1 root root  241 Aug  3 10:00 privkey1.pem
[root@docusaurus-wiki cert]#

conf.d目录下：

bash

[root@docusaurus-wiki conf.d]#pwd
/etc/nginx/conf.d
[root@docusaurus-wiki conf.d]#ll
total 28
-rw-r--r-- 1 root root 5252 Aug  3 14:57 blog.conf
-rw-r--r-- 1 root root 2498 Aug  3 14:15 home.conf
-rw-r--r-- 1 root root 1749 Aug  3 10:27 moments.conf
-rw-r--r-- 1 root root 1370 Aug  3 10:26 music.conf
-rw-r--r-- 1 root root 1745 Aug  3 10:23 photo.conf
-rw-r--r-- 1 root root 1404 Aug  3 09:11 wiki.conf
[root@docusaurus-wiki conf.d]#

主域名配置文件：

具体代码

bash

[root@docusaurus-wiki conf.d]#cat home.conf 
    server {
        listen 80;
        server_name onedayxyy.cn www.onedayxyy.cn;

        #配置https重定向
        return 301 https://$host$request_uri;
    }


    server {
        listen       443 ssl http2;
        listen       [::]:443 ssl http2;
        server_name onedayxyy.cn www.onedayxyy.cn;

         root /root/home3.0;
      
         location / {
             index index.html index.htm;
         }    
         
         ##图床数据
             location /images {
            alias /images;
            index index.html;
        }
    # ……删除部分敏感信息
        ssl_certificate "cert/fullchain1.pem";
        ssl_certificate_key "cert/privkey1.pem";

        ssl_session_cache shared:SSL:1m;
        ssl_session_timeout  10m;
        #ssl_ciphers HIGH:!aNULL:!MD5;
        #自定义设置使用的TLS协议的类型以及加密套件（以下为配置示例，请您自行评估是否需要配置）
        #TLS协议版本越高，HTTPS通信的安全性越高，但是相较于低版本TLS协议，高版本TLS协议对浏览器的兼容性较差。
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;

        ssl_prefer_server_ciphers on;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }

2、配置picgo

环境

bash

picgo v2.3.1
typora v1.7.6
win10

提出问题（肯定是可以的）

picgo软件是否可以支持上传图片到自己的云服务器呢？

寻找官网插件

https://github.com/PicGo/Awesome-PicGo

文档地址

https://github.com/imba97/picgo-plugin-sftp-uploader

自己本次配置

D:/docusaurus/resource/shell/sftpUploader.json

json

{
    "sftpUploader": {
        "url": "https://onedayxyy.cn",
        "path": "/images/{fullName}",
        "uploadPath": "/images/{fullName}",
        "host": "ecsip",
        "port": 22,
        "username": "root",
        "password": "123456"
    }
}

自己云服务器ecs地址：

bash

自己域名：onedayxyy.cn
nginx图床配置路径：/images
图片url地址：https://onedayxyy.cn/images/image-20231123144421591.png

测试：（符合预期）

自己typora配置

测试结束。😘

注意：经测试，这里的网站标识要填内容一定得是 json文件里的 "xx"名称才行的，不然就会报如下错误。🤣

3、配置rsync

(可选)(推荐配置)

配置rsync服务，主要是可以配置winodws定期拉取图床数据，方便后期如果更换云服务器，可以更快速迁移数据，也是为了备份数据。（建议配置）
配置rsync服务，很简单的，可按如下文档配置。

参考文档

《部署rsync》

自己云服务器rsyncd服务配置截图

[root@docusaurus-wiki ~]#vim /etc/rsyncd.conf

winodws本地同步数据截图

bash

echo backupmd图床数据……
rsync.exe -avPzruh  --port 8730 --password-file=/cygdrive/D/docusaurus/resource/shell/password.txt  root@47.100.215.163::cmi-MdImages/ /cygdrive/D/BaiduSyncdisk/backup/rsync_local/cmi-MdImages-local

图床数据量汇总：

本次更换图床为ecs nginx提供的图床，体验nice。

bash

##本地docusaurus配置
Administrator@DESKTOP-LJJNG21 MINGW64 /d/docusaurus (master)
$ du -shc docs/
10M     docs/
10M     total

##ecs
[root@docusaurus-wiki ~]#ll /images/ |wc -l
13026
[root@docusaurus-wiki ~]#du -shc /images/
3.8G    /images/
3.8G    total
[root@docusaurus-wiki ~]#