小白龙博客

关于本站

关于 小白龙博客

记录技术与生活

文章
104
标签
50
功能模块
8

关于作者

10 年行业经验 · 一人成军，把想法做成可上线的产品

Liam

Liam

独立开发者 Liam，10 年行业经验，覆盖产品、开发、测试、设计与运营。从博客前台、管理后台到 NestJS API，再到三品牌去水印小程序、Android / iOS App、边缘视频解析与韭菜小助手——全栈自研、端到端交付。这里既写技术与生活，也陈列亲手打造的产品矩阵。

关于本站

小白龙博客是一座已上线的个人内容与工具生态，而非单页博客模板。Nuxt SSR 面向访客，Vite+ 后台服务运营，NestJS 统一数据、实时与任务；同仓还承载「小白龙 / 汽水 / 抖包」三品牌去水印微信小程序、Android / iOS App、EdgeOne 视频解析与韭菜小助手桌面端。阅读、导航、留言、聊天、搜索与赞赏同站可达——创作、工具与连接，写进同一套 TypeScript Monorepo。

功能一览

从阅读到互动，一站完成内容消费与连接

文章阅读 Markdown 渲染、目录导航、暗色模式与 RSS 订阅导航收录 常用网站与工具按分类整理，一键直达友情链接 与志同道合的博主互换链接，一起记录与分享留言板 公开留言与回复，与作者和访客交流想法聊天室 实时文字、图片与 AI 助手，登录后即可参与赞赏支持 微信 / 支付宝在线赞赏，支持作者持续创作全文搜索 快速检索站内文章标题与正文RSS 订阅 通过 feed.xml 订阅最新文章更新

建站历程

从骨架到互动，再到周边生态，按阶段持续打磨

  1. 01

    基础骨架

    pnpm Monorepo、Nuxt 前台、NestJS API 与 Admin 后台落地，统一 TypeScript 与共享类型包

  2. 02

    内容完善

    文章、标签、导航、友链与留言板齐备，阅读与收录成为日常入口

  3. 03

    体验与上线

    Docker Compose 正式环境、HTTPS、搜索与 RSS，站点可稳定对外服务

  4. 04

    互动增强

    登录、实时聊天室、在线赞赏与后台审核，访客与作者的连接更近一步

  5. 05

    工具矩阵

    三品牌去水印小程序、Android / iOS App、视频解析与韭菜小助手并入同仓，持续扩展工具能力

项目一览

同仓维护的博客主栈与周边产品（与 docs 技术方案一致）

博客前台

apps/web

Nuxt 4 SSR：文章、导航、友链、留言、聊天与赞赏，PC + H5 响应式

Nuxt 4SSRPC + H5
打开前台

管理后台

apps/admin

Vite+ + Element Plus：内容运营、RBAC、小程序与赞赏流水，仅 PC ≥1280px

Vite+Element PlusRBAC
打开管理后台

NestJS API

apps/api

统一 REST / WebSocket / 任务队列，服务博客、小程序与桌面端

NestJS 12Prisma 7WebSocket

去水印小程序

apps/wx-x

uni-app x 一套代码多品牌包：解析短视频 / 图片分享链，保存无水印内容；另含工具箱与互访等能力

小白龙去水印工具小程序码

去水印 App

apps/wx-x

与小程序同仓 uni-app x 云打包：Android / iOS，邮箱登录；安装包经 CDN 清单分发

uni-app xAndroidiOSCDN
下载 APK v1.2.5 下载 IPA v1.2.5

视频链接解析

apps/video-parse

部署于 EdgeOne Pages，由 API 代理调用，支撑小程序 / App 等多端解析

EdgeOne PagesAPI Proxy

韭菜小助手

apps/fund-desktop

Electron 桌面端基金自选与持仓盯盘；Windows / macOS 安装包直接在本页下载

v0.1.5ElectronWindows / macOS
Windows 安装包 macOS 下载

行情数据来自公开渠道，仅供参考，不构成任何投资建议。投资有风险，决策需谨慎。

技术栈

pnpm Monorepo 全栈 TypeScript：博客前台、管理后台、NestJS API，以及小程序 / App / 视频解析 / 桌面端

博客前台

Nuxt 4.5.2Vue 3.5.43Nuxt UI 4.11Tailwind CSS 4.3Pinia 4.0md-editor-v3 7.1Socket.io Client 4.8

管理后台

Vite+ 1.1.0Vue 3.5.43Element Plus 2.14Pinia 4.0Axios 1.20md-editor-v3 7.1

API 与数据

NestJS 12.1Prisma 7.10MySQL 9.0Redis 8.10Socket.io 4.8RabbitMQ 4.3Kafka 4.3Aliyun OSS SDK 6.23

周边应用

uni-app xEdgeOne PagesElectron 44.7Android / iOS App 1.2.5

工程化

pnpm 12.6TypeScript 6.0@blog/sharedVite+ 1.1.0 (vp check)Vitest 5.0Docker Compose

技术架构

前后端分离 + 多端客户端：生产单机 Docker Compose 蓝绿；Caddy HTTPS 接入，API / Web / MySQL / Redis / MQ / Kafka 均跑在容器内，小程序与桌面端共用 NestJS API 与 @blog/shared

  1. 客户端

    • Nuxt 4.5 SSR博客阅读与互动（PC + H5）
    • Admin SPA内容运营与 RBAC（仅 PC）
    • uni-app x MP三品牌去水印微信小程序
    • Android / iOS App 1.2.5去水印 Android / iOS App
    • Electron 44韭菜小助手（Electron）

  2. 接入与基础设施

    • 云服务器生产 Linux 主机，单机跑 Compose
    • CaddyHTTPS 反代 · Admin 静态 · 域名分流
    • Docker Compose容器编排 · api/web 蓝绿发布
    • OSS CDN媒体走阿里云 OSS + CDN
    • EdgeOne视频解析边缘函数（非本机容器）

  3. Compose 容器

    • api-blue / greenNestJS 12 容器 · REST / WS / 队列
    • web-blue / greenNuxt 4 容器 · SSR 蓝绿切换
    • Admin 静态Caddy 托管 admin-current 静态
    • RabbitMQ 4.3Compose 内网 · 去水印 / 爬虫任务
    • Kafka 4.3Compose 内网 · 接口请求日志流

  4. 数据与共享

    • MySQL 9.0Compose 内网主库 · 不暴露公网
    • Redis 8.10Compose 内网 · 缓存 / Token / 在线数
    • OSS图片与附件对象存储
    • @blog/shared跨端 DTO / 常量

请求流向

  • 浏览器 → Caddy → web-blue/green（Nuxt SSR）→ api-blue/green（NestJS）
  • 浏览器 → Caddy 静态 Admin → api-blue/green（JWT Bearer）
  • 小程序 / App → Caddy → NestJS；视频解析走 EdgeOne，由 API 代理调用
  • 桌面端 → Caddy → NestJS fund-desktop API（行情公开；可选登录同步持仓）

开始探索

在这里，记录与分享

浏览最新文章，留下你的想法，或与作者建立连接

共 104 篇文章 感谢支持关于 RSS © 2026 小白龙博客