运营中
智能数据仪表盘
实时数据监控 + 自定义报表，支持 MySQL、PostgreSQL 多数据源接入，WebSocket 秒级推送更新。
Vue 3EChartsNode.jsWebSocket
13+
预渲染路由
8 个
内置工具
95+
Lighthouse
自动化
部署方式
项目概述
关于这个项目
个人产品门户是一个纯静态的开发者作品集网站，也是你当前正在浏览的这个站点。它将产品展示、在线工具与技术履历整合为一站式入口，帮助访客快速了解开发者的能力与作品。
技术上采用 React 19 + Vite + Tailwind CSS v4 构建，通过自定义预渲染脚本在构建期为每个路由生成完整的静态 HTML，既保证了极致的加载性能，又实现了完善的 SEO。所有内容（产品、工具、时间线）均由 JSON 数据驱动，更新内容只需修改数据文件。
站点内置 8 个实用的在线开发工具、暗色模式、命令面板快速导航、RSS 订阅与 Sitemap，并通过 GitHub Actions 实现推送即自动构建部署到云服务器，是一套可复用的个人门户解决方案。
核心能力
特性亮点
- React 19 + Vite + Tailwind CSS v4 技术栈
- SSG 预渲染，每个路由独立静态 HTML，SEO 完善
- JSON 数据驱动，内容与展示解耦
- 内置 8 个在线开发工具
- 暗色模式 + 命令面板（Ctrl+K）快速导航
- RSS 订阅 / Sitemap / 结构化数据
- GitHub Actions 推送即自动部署
技术架构
技术栈
前端
React 19TypeScriptTailwind CSS v4React Router
构建
ViteNode.js
部署
NginxDocker
CI/CD
GitHub Actions