您现在的位置是:首页 >其他 >【服务器】搭建免费开源XZPic图床网站网站首页其他

【服务器】搭建免费开源XZPic图床网站

奥哩奥 2024-07-19 12:01:02
简介【服务器】搭建免费开源XZPic图床网站

1.前言

图床程序作为云存储的实用功能之一,曾经伴随着云存储概念有过爆发期。但随着各个云存储平台的没落,图床程序也逐渐势弱,甚至不少互联网大厂的图床功能也相继关停。但图床的需求仍然存在,毕竟建立网站离不开图床的支持,因此我们只能在自家设备上搭建私人云图床以求稳定。今天,笔者就为大家介绍,如何使用cpolar内网穿透+Xzpic,搭建一个私人云图床网站。

2. Xzpic网站搭建

Xzpic是一款开源的超轻量图床程序,整个图床运行文件压缩后仅有数百kb,并且仅依赖php5.6(及以上)运行,不需要数据库的支持,因此很适合小型硬件设备使用(如树莓派等)。当然,对于一般家用设备(电脑或NAS)同样适用。

2.1. Xzpic下载和安装

Xzpic作为开源程序,可以轻松的在github上找到下载(https://github.com/helloxz/xz-pic)。

20230526102201

Xzpic源码下载完成后,将其解压至网站目录下。笔者使用的是phpstudy集成面板,因此将Xzpic源码文件夹粘贴至phpstudy的WWW文件夹下。

20230526102202

20230526102203

接着,打开phpstudy,在软件主界面左侧点击“网站”按钮,进入网站列表页面,再点击网站列表页面左上的“创建网站”按钮,进入新建网站的设置页面。

在网站设置页面,我们需要进行设置的内容并不多,只要设置

  • 域名 - 本地访问Xzpic网站时输入的域名,可随意输入;
  • 端口 - Xzpic网页输出端口,只要未被占用即可;
  • 根目录 – 即Xzpic网页文件存放位置,在这个例子中,笔者将这些文件放在phpstudy的www文件夹下;
  • 程序类型 – 由于Xzpic是一个超轻量化的web程序,运行需要依赖php5.6及以上,因此笔者选择php5.6.9。

这些设置完成后,就可以点击最下方的确认按钮,保存Xzpic网页的设置。

20230526102204

接下来,我们直接在浏览器中输入Xzpic的地址(localhost:端口号),就可以打开Xzpic的网页页面。

20230526102205

2.2. Xzpic网页测试

为测试我们的Xzpic是否运行正常,我们可以尝试上传一张简单的图片。只要能生成相应的链接,就说明网站工作正常。

20230526102206

2.3.cpolar的安装和注册

完成Xzpic网站的安装,就可以转入cpolar的安装。与Xzpic图床安装一样,cpolar内网穿透的安装注册同样简单。我们可以直接在cpolar的官网页面(https://www.cpolar.com/)找到下载按钮,点击选择适合的版本进行下载。笔者使用的是Windows操作系统,因此选择Windows版本进行下载。

20230526102207

Cpolar下载完成后,将下载的文件解压,双击解压后的.msi文件,即可自动执行安装程序。接着只要一路Next就能完成安装。

20230526102208

20230526102209

由于cpolar会为每个用户创建独立的数据隧道,并辅以用户密码和token码保证数据安全,因此我们在使用cpolar之前,需要进行用户注册。注册过程很简单,只要在cpolar主页右上角点击用户注册,在注册页面填入必要信息,就能完成注册。

20230526102210

20230526102211

3.本地网页发布

到这里,我们完成了Xzpic图床的安装,并在本地电脑上安装了cpolar内网穿透程序,接下来我们就可以使用cpolar内网穿透,创建一个能够连接本地Xzpic页面的公共互联网地址,让我们能在公共互联网上访问Xzpic页面。

3.1.Cpolar云端设置

由于cpolar免费版的数据隧道每24小时重置一次,笔者并不想每天对Xzpic网页进行重连设置,因此将cpolar升级至vip版,以便能获得能长期稳定存在的内网穿透数据隧道。

接下来,我们登录cpolar的官网,并在用户主页面左侧找到预留按钮,并点击进入cpolar的数据隧道预留页面,在这里生成一个公共互联网地址(也可以看做数据隧道的入口),由于此时这个地址没有连接本地Xzpic网页输出端口,因此也可以看做是一条空白的数据隧道。

20230526102212

在预留页面,可以看到很多种可保留的数据隧道,这里我们选择保留二级子域名栏位。

20230526102213

在“保留二级子域名”栏位,需要进行几项信息的简单设置,即

  • 地区(服务器所在区域,就近选择即可)
  • 二级域名(最终会出现在生成的公共互联网地址中,作为网络地址的标识之一)
  • 描述(可以看做这条数据隧道的描述,能够与其他隧道区分开即可)。

完成这几项设置后,就可以点击右侧的保留按钮,将这条数据隧道保留下来。

20230526102214

当然,如果这条数据隧道不打算再使用,还可以点击右侧的“x”将其轻松删除,节约宝贵的隧道名额。

20230526102215

3.2.Cpolar本地设置

完成cpolar云端的设置,并保留了空白数据隧道后,我们回到本地的cpolar客户端,将云端生成的空白数据隧道与本地的测试页面连接起来,让我们能在公共互联网上访问到本地的测试页面。

在本地打开并登录cpolar客户端(可以在浏览器中输入localhost:9200直接访问,也可以在开始菜单中点击cpolar客户端的快捷方式)。

20230526102216

点击客户端主界面左侧隧道管理项下的创建隧道按钮,进入本地隧道创建页面(如果要创建没24小时重置地址的临时数据隧道,可直接在此进行设置,不必再cpolar官网设置空白数据隧道)。

在这个页面,同样需要进行几项信息设置,这些信息设置包括:

  • 隧道名称 – 可以看做cpolar本地的隧道信息注释,只要方便我们分辨即可;
  • 协议 – 由于Xzpic页面是网页,因此选择http协议;
  • 本地地址 – 本地地址即为本地Xzpic网站的输出端口号,因此这里也填入83;
  • 域名类型 – 在这个例子中,我们已经在cpolar云端预留了二级子域名的数据隧道,因此勾选二级子域名(如果预留的是自定义域名,则勾选自定义域名),并在下一行Sub Domain栏中填入预留的二级子域名,该例子中为“Xzpicweb”。如果打算创建临时数据隧道,则直接勾选随机域名,由cpolar客户端自行生成网络地址;
  • 地区 – 与cpolar云端预留的信息一样,我们依照实际使用地填写即可;

20230526102217

完成这些设置后,就可以点击页面下方的创建按钮,将cpolar云端的空白数据隧道与本地Xzpic页面连接起来,也就为我们提供了可以在公共互联网访问本地Xzpic页面的数据隧道。

隧道建立后,我们可以在隧道管理项下的隧道列表页面中,对数据隧道进行管理(包括开启、关闭或删除),也可以点击“编辑”按钮,最这条数据隧道的信息进行修改。

20230526102218

4.公网访问测试

最后,我们点击左侧状态项下的在线隧道列表按钮,就能找到Xzpic网页的公共互联网地址,将这个地址粘贴到浏览器中,就能看到本地Xzpic图床页面。

20230526102219

20230526102220

5.结语

至此,我们就完成了使用cpolar内网穿透+xzpic图床组合,建立私人图床的所有操作。网页网站程序数量众多,功能也涵盖方方面面,我们都可以用相同思路,在本地搭建能够运行的网站,再通过cpolar将其发布到公共互联网上,让我们本地的设备也能变身成为私人服务器。

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。