UniBoard个人主页搭建教程集成导航云笔记短链文件分享帕斯内网穿透实现远程访问

项目介绍

UniBoard 是一个功能丰富的个人主页解决方案，集成了个人信息展示、导航页、云笔记、短链接服务和文件分享等多种实用功能。该项目基于 Vue + TypeScript + PrimeVue + Tailwind CSS 构建前端，提供了优雅的界面设计和完整的功能体验。

UniBoard 的核心特色在于其一体化设计理念，用户可以通过一个平台管理个人主页展示、收藏的网站导航、个人笔记记录、短链接生成以及文件存储分享等需求。项目支持完全自定义的个人信息展示，包括横幅、头像、个人简介等内容的编辑和隐藏控制。云笔记模块支持 Markdown 语法和所见即所得编辑，还内置了图床服务。文件分享功能提供了存储、分享、直链下载和密码保护等完整的文件管理体验。

项目还贴心地提供了全局暗色模式支持，让用户在不同环境下都能获得舒适的使用体验。整体界面设计简洁优雅，功能布局合理，非常适合个人用户搭建属于自己的数字化工作台。

项目地址：点我跳转

部署安装

如需在外也打开项目需要配置内网穿透使用，点击前往帕斯内网穿透，先注册好账号备用。

复制下列的配置文件

1services:
2    web:
3        image: coolfan1024/uniboard:latest
4        container_name: uniboard-web
5        ports:
6            - '8888:8080'
7        volumes:
8            - ./service/media:/app/service
9        env_file:
10            - .env
11        depends_on:
12            - db
13
14    db:
15        image: postgres:17.4-bookworm
16        container_name: uniboard-db
17        env_file:
18            - .env
19        volumes:
20            - ./database/postgres_data:/var/lib/postgresql/data
21        healthcheck:
22            test: ['CMD-SHELL', 'pg_isready -U postgres']
23            interval: 10s
24            timeout: 10s
25            retries: 10

同时需要创建 .env 环境变量文件，内容如下：

1# 你需要配置的数据库参数
2# PostgreSQL 数据库密码 (生产环境请务必修改此默认密码)
3POSTGRES_PASSWORD=iBHvdwvzVoqjQQz1vYugBELeeomW99yMg
4
5# 数据库名称 - 后端服务和数据库实例共享此变量
6POSTGRES_DB=uniboard