使用Nginx搭建图床

为什么需要图床

我们在日常写文章记笔记时，有时需要引用一些图片，而在markdown语法中，图片是以链接的形式引入的，比如：

![图片备注名](图片链接)

若我们直接上传本地图片，那么它在文章中仅仅保存的是一个本地图片的路径，此时，如果文章分享给他人或上传到网上，里面的图片显然会失效。所以我们必须给自己的图片添加一个外链。

所谓图片外链是指图片不需要在本地服务器上，通过引用别的网站 (服务器)上的图片的URL在网页上直接显示图片，而不需给出图片的反向链接。

当我们需要给这些图片添加统一的外链时，就需要一片存储图片的网络空间，即图床。

图床搭建

一些非专业途径

通过之前的描述，我们很容易想到，似乎只要把图片发表到网上就可以了，确实是这样的。如今社交平台丰富，例如微博、QQ、微信、抖音、知乎等等，你可以在任何平台上传图片，上传后的图片会由平台帮你保管，你只需要右键获取图片=>复制图片地址就可以获得外链。

优点：免费、快捷、且大平台图片存储稳定长久
缺点：不可控（若平台内部调整，图片存储位置改变，原先复制的链接自然失效），

不方便管理（不能专门进行分类）

专业图片托管

提供这样的服务其实很多，只是没有绝对的免费，一般是提供小容量的免费存储

举个我用过的：熊猫图床

来张图片，你自行体会

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lRmH0clk-1661587908974)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/01548d18dd4148149a94b254248162e1~tplv-k3u1fbpfcp-zoom-1.image)]

注：肯定更好的图床，而且这样的国外网站较多，需要自己去挖掘。但一般国外网站有些通病：国内访问速度过慢，甚至直接被墙。

优点：专业，图片管理方便，链接可持久
缺点：非充钱用户的种种限制，命运还是在第三方手里（假如一个小平台，人人都白嫖，人家不赚钱了还给你服务？万一停服图片丢失损失太大）。好吧其实最大的缺点是不够酷（我自己有服务器干嘛要去舔别人

中途我还尝试过github图床，不过github原链接访问速度实在感人，网上推荐的使用jsDelivr cdn 加速，貌似在国内的服务也挂了,详情见：jsDelivr挂了吗？

使用Nginx在自己的服务器上存储图片

！重头戏在这，想法很简单（操作确实也很简单）：使用宝塔面板将图片上传到服务器，然后对外暴露链接，这一步就需要用到Nginx。

你甚至不需要知道Nginx是什么（Nginx 是什么、为什么、怎么用?

上传图片

直接进入宝塔面板，文件管理中

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qUmSaRLW-1661587908976)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fe6406ac8e624785b017eb265c97fb89~tplv-k3u1fbpfcp-zoom-1.image)]

记住图片路径
暴露链接

本质就是使用Nginx监听一个端口，在该端口提供一个访问指定目录文件的服务

在软件商店中找到Nginx，打击开设置=>配置修改

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aEmnS6wp-1661587908976)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/853f4b34314b4613b19f7ccf4eb2e4c0~tplv-k3u1fbpfcp-zoom-1.image)]

里面原先应该是有一个server的，在这个server的同级下(每个server对应一个服务）贴入：
```
    server {listen 8080;  # 提供服务的端口location ~ \.(gif|jpg|jpeg|png|bmp|swf)$ {root /www/wwwroot/imgStore/;    autoindex on;}}
```
- location后面是用来匹配请求的路径
- root则是将请求路径映射到服务器上的绝对路径/www/wwwroot/imgStore/
- autoindex on是打开浏览功能
放行监听端口

在宝塔面板和服务器控制台中分别放行8080端口
测试

若图片路径：/www/wwwroot/imgStore/1.png

访问地址应该为：http://域名或IP:8080/1.png

若图片路径：/www/wwwroot/imgStore/test/1.png

访问地址应该为：http://域名或IP:8080/test/1.png

大功告成！（憋出1k字是我没想到的

使用Nginx在云服务器上搭建图床相关推荐

新手如何在阿里云服务器上搭建自己的个人网站
新手如何在阿里云服务器上搭建自己的个人网站如何在阿里云服务器上搭建自己的个人网站(阿里云服务器.tomcat服务.xshell+WinSCP(服务器本地助手).写好的静态网页). 本博客主要分享本人 ...
nextcloud+宝塔在阿里云服务器上搭建个人云存储盘（如何在服务器上搭建个人云盘）
以下操作经实践,已成功执行实现.读者若安装失败,可在云服务器操作台上初始化云盘,再次进行重装.望读者,不畏挫折,愈败愈战,请别因为环境的安装失败影响你的学习的兴趣,不妨多次"重启试试&quo ...
从零开始在云服务器上搭建个人博客
写在前面搭建个人博客不仅可以将学过的知识融会贯通更好的理解,还可以将自己的经验或者是踩过的坑传授给后来者,帮助他们更好的学习!Halo是在Github上开源的Java博客系统,我将用它从零开始在阿里 ...
阿里云服务器上搭建微信小程序服务端环境。
无论是搭建个人博客空间也好,微信小程序也罢,搭建环境必需的两点:云服务器.域名,下面一步步给搭建演示如果在一台阿里云服务器上搭建微信小程序服务端环境. 1.云服务器准备:可在阿里云购买ECS服务器 ...
在谷歌云服务器上搭建深度学习平台
2018年9月8日笔记登录谷歌云控制台需要科学上网,连接云主机不需要科学上网. 阅读此文并进行操作的前提是已经成功申请谷歌云的使用资格,并获得300美元使用金额. 如何申请谷歌云的使用,请阅读另外一 ...
云服务如何搭建数据库_【MySQL8.0.18】阿里云服务器上搭建MySQL数据库
要想搭建个人博客,云服务器和数据库是少不了的.笔者选择在阿里云服务器上搭建一个MySQL数据库. 系统选用CentOS8.0,MySQL数据库版本8.0.18 一.数据库压缩包选择及下载登录MySQ ...
推荐几款云服务器上搭建属于自己的私人网盘
推荐几款云服务器上搭建属于自己的私人网盘可道云 https://kodcloud.com/ nextcloud https://nextcloud.com/ filebrowser https:// ...
云服务器上搭建个人云笔记——leanote
第二篇:云服务器上搭建个人云笔记一.前言目前市面上存在多个云笔记,如onenote.印象笔记.有道云笔记.为知笔记等,像onenote可以建立多个笔记本.多个分区,风格与word编辑差不多,可以马 ...
如何在阿里云服务器上搭建mysql服务（最新版）
如何在阿里云服务器上搭建mysql服务(最新版) 准备安装mysql服务配置YUM源启动mysql服务修改root密码修改密码策略添加远程登录用户注意: 1.关闭防火墙 2.在阿里云服务 ...

使用Nginx在云服务器上搭建图床