标签搜索

目 录CONTENT

文章目录

VPS部署一个图片展示网站-Pichome

yyzq
2025-09-30 / 0 评论 / 1 点赞 / 16 阅读 / 2,353 字

前言

在现代网络环境中,图片展示网站不仅可以帮助我们分享和展示视觉内容,还能提供便捷的管理和访问方式。Pichome 是一个轻量级的图片展示平台,它支持简单的安装与配置,非常适合用于个人或小型企业搭建自己的图片展示网站。通过 Pichome,您可以轻松地将图片上传、分类,并与朋友、同事或客户分享美丽的视觉内容。

本教程将带您一步步了解如何在 VPS 上部署 Pichome,创建一个功能完善、界面简洁的图片展示平台。无论您是艺术家、摄影师,还是想要展示产品图片的商家,Pichome 都是一个理想的选择。

项目简介

一款图片与媒体文件管理功能强大的开源网盘程序

项目图片

主界面
image-1759204196203

功能特性

网盘基础功能:与传统网盘的优势对比

1.多样化的列表模式

传统网盘:传统网盘通常仅提供列表和网格两种视图。
PicHome:提供包括瀑布流、自适应布局、网格、列表、双排列表和详细视图在内的多种模式,以适应不同用户的视觉和操作体验。
image-1759204343180

2.定制化的文件信息展示

传统网盘:信息展示固定,通常只显示图标、文件名和后缀名。
PicHome:允许用户根据需要自定义显示文件名、后缀名、标签、文件大小、图像尺寸、视频时长和添加时间等丰富信息。
image-1759204570236

3.增强的文件快速预览功能

传统网盘:需要打开文件才能查看内容。
PicHome:通过提供足够大的缩略图,使得用户在没有打开文件的情况下就能快速识别和选择所需文件。音视频文件甚至可以在列表中直接预览,快进播放。极大提升了查询效率。
image-1759204533242

4.先进的标签化文件管理

传统网盘:大多不支持或仅提供基础的标签管理功能。
PicHome:支持自动获取图片的颜色、形状等属性,以及音视频的时长等信息,并允许用户添加二级标签、文件描述和评分,从而实现多维度、深度的文件管理。
image-1759204521939

5.自定义封面图与预览图

传统网盘:文件以图标形式展示,图片和视频以自动生成的固定封面展示。
PicHome:允许用户为任意文件自定义封面,这对于设计文件、压缩包等复杂文件来说,可以更全面地展示文件内容。

image-1759204508645

6.多预览图功能

传统网盘:传统网盘中一般不支持多预览图,并且不支持预览的文件也无法预览。
PicHome:不支持预览的文件可自定义封面与预览图,还支持多预览图的方式,比如在设计图、模型文件、压缩包等文件中,单张预览图无法表达文件全貌时,可提供多张预览图,便于用户更全面地了解文件全貌。
image-1759204495794

7.多库管理功能

传统网盘:通常只提供一个统一的文件管理空间。
PicHome:支持创建多个网盘库,根据文件类型和业务需求进行分类存储和分配管理权限,提高了文件管理的灵活性和效率。
image-1759204482352

🚀 支持格式

任意格式的文件都可以上传导入,支持大多数常见格式的预览,支持图片水印保护源文件。

图像

svg png jpg jpeg jpe webp jfif ico heic gif eps bmp tga hdr exr dds ppm pnm pgm pdd pcx pbm pam mpo mng miff jpx jps jpf jpc jp2 j2k j2c dib cur cin tif wmf emf tiff

源文件

psd ai

音频

wav ogg mp3 m4a flac aac ape aiff amr

视频

wmv webm mp4 mov m4v avi ts swf rmvb rm mkv flv vob trp sct ogv mxf mpg m2ts f4v dv dcr asf 3g2p

RAW

3fr arw cr2 cr3 crw dng erf mrw nef nrw orf otf pef raf raw rw2 sr2 srw x3f

办公

xlsx xls pptx ppt pdf docx doc pdf txt rtf odt htm html mht pps ppsx odp ods csv

压缩包

zip rar

丰富使用场景

可以应用于电商,游戏,设计,开发,企事业,学校,实验室,媒体,演艺机构等类型的个人,团队,企业业务中

作为普通网盘使用
创建素材共享库
创建文件发布网站
实现 Eagle 素材库多端展示
实现 Billfish 素材库多端展示
实现普通文件夹多端展示
建立企业知识库
建立代理商,分销商,分公司产品资料共享平台
建立商品素材,商品图共享平台
建立企业图库平台
建立团队灵感库
建立团队标准库

部署方法

使用Docker安装

本教程使用docker的方式安装部署,简单便捷
164b6ac419e23bc5390dc46601a202bf

准备条件

1)一台服务器

我们使用莱卡云VPS和飞牛云NAS来演示

需要vps的可以看以下信息
莱卡云官网

内存占用情况-建议2G内存以上
image-1759205813768

2)本项目使用到的开源项目

https://github.com/zyx0814/Pichome
更多功能或者二次修改可以访问开源项目地址

3)域名(可选)

域名可以根据自己的需求绑定

① VPS部署

一、Docker环境部署

在vps安装docker和docker-compose
Docker官方安装文档(英文)
https://duan.yyzq.eu.org/docker-001
Docker-Compose官方安装文档(英文)
https://duan.yyzq.eu.org/docker-002
Centos安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//03
Ubuntu安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//04

推荐直接用一键脚本

docker安装脚本

bash <(curl -sSL https://cdn.jsdelivr.net/gh/SuperManito/LinuxMirrors@main/DockerInstallation.sh)

docker-compose安装脚本

curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose && chmod +x /usr/local/bin/docker-compose

二、创建docker-compose.yml文件

登录服务器使用root账户执行以下步骤

创建一个目录,并进入此目录

mkdir  pichome;cd pichome 
mkdir html db

给权限

chmod -R 777 html

然后再新建docker-compose.yml

vim docker-compose.yml
services:
  pichome:
    image: docker.1ms.run/oaooa/pichome:latest  # 使用最新的 Pichome 镜像
    container_name: pichome  # 容器名称为 pichome
    volumes:
      - ./html:/var/www/html  # 映射本地的 ./html 目录到容器中的 /var/www/html 目录
    ports:
      - 18080:80  # 将容器的 80 端口映射到宿主机的 18080 端口
      - 18081:443 # 将容器的 443 端口映射到宿主机的 18081 端口
    restart: always  # 容器始终保持重启状态
    environment:
      - TZ=Asia/Shanghai  # 设置时区为上海
  mariadb:
    image: docker.1ms.run/linuxserver/mariadb:latest  # 使用最新的 MariaDB 镜像
    container_name: pichome-db  # 容器名称为 pichome-db
    environment:
      - MYSQL_DATABASE=pichome  # 设置数据库名称为 pichome
      - MYSQL_ROOT_PASSWORD=root  # 设置数据库 root 用户密码为 root
      - TZ=Asia/Shanghai  # 设置时区为上海
      - PUID=1000  # 设置容器内的用户 ID
      - PGID=1000  # 设置容器内的组 ID
    volumes:
      - ./db/config:/config  # 映射本地的 ./db/config 目录到容器中的 /config 目录
    restart: always  # 容器始终保持重启状态

三、执行容器运行命令

docker-compose up -d #运行容器
docker-compose ps  #查看是否开启成功

正常启动如下所示

docker-compose ps
NAME         IMAGE                                       COMMAND                  SERVICE   CREATED          STATUS          PORTS
pichome      docker.1ms.run/oaooa/pichome:latest         "/entrypoint.sh /usr…"   pichome   46 seconds ago   Up 45 seconds   9000/tcp, 0.0.0.0:18080->80/tcp, [::]:18080->80/tcp, 0.0.0.0:18081->443/tcp, [::]:18081->443/tcp
pichome-db   docker.1ms.run/linuxserver/mariadb:latest   "/init"                  mariadb   46 seconds ago   Up 45 seconds   3306/tcp

四、打开web页面使用

注意第一次需要等待数据库初始化完成才可以,直到这样的提示即可进入初始化界面

docker logs pichome-db

初始化成功
image-1759205445566

成功以后需要打开自己相应的端口18080)防火墙就可以web端访问了

主界面-初始化

http://ip:18080

开始
image-1759205537160
环境检查
image-1759205561537
权限检查
image-1759205579838
填写数据库信息
image-1759205635176
image-1759205657691
配置管理员信息
image-1759205674203
image-1759205701223
成功
image-1759205720577
再次打开即可

http://ip:18080

image-1759205749376
登录好是空白的
image-1759205892471
自行配置图片即可
可以先创建一个目录用来放图片素材

mkdir png

/root/pichome/html/png

将图片上传到此目录即可
image-1759206165861
然后新建库
image-1759206143827
更新
image-1759206188076
图库权限配置
image-1759206290573

正常展示图片
image-1759206330227

如果想公开图库可以自行配置
image-1759207403101

更多功能自行研究

② 飞牛云NAS部署

新建项目

pichome

其他步骤参考VPS的教程

绑定域名

如需绑定域名的自行绑定

视频教程

B站

YouTube

绑定域名可以参考
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch

有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我

欢迎关注我们的微信公众号!
微信公众号

1

评论区