雾之岛https://lctnb.top/Recent content from 雾之岛Hugozh-cnwudao686@gmail.com (雾岛)wudao686@gmail.com (雾岛)本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！Wed, 15 Jul 2026 22:00:00 +0800FF-Lite（云联） 仿飞书协同办公平台 - 完整项目介绍与使用指南https://lctnb.top/post/ff-lite-%E9%A1%B9%E7%9B%AE%E5%AE%8C%E6%95%B4%E4%BB%8B%E7%BB%8D%E4%B8%8E%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%97/Wed, 15 Jul 2026 22:00:00 +0800wudao686@gmail.com (雾岛)https://lctnb.top/post/ff-lite-%E9%A1%B9%E7%9B%AE%E5%AE%8C%E6%95%B4%E4%BB%8B%E7%BB%8D%E4%B8%8E%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%97/ FF-Lite（云联） 仿飞书协同办公平台 - 完整项目介绍与使用指南

作者：雾岛（wudao686@gmail.com）

FF-Lite（云联） 仿飞书协同办公平台 - 完整项目介绍与使用指南

一、项目概述

1.1 一句话定位

为中小企业提供 2 周即可上线的协同办公 MVP，覆盖"找人、聊天、写文档、管账号、管组织、管任务"六大场景，让 50 人以下团队无需采购 SaaS 也能跑通数字化办公闭环。

1.2 产品代号

FF-Lite（云联） MVP（仿飞书协同办公平台最小可行产品）

1.3 核心价值

痛点 传统做法 FF-Lite（云联） 解法
团队沟通分散 微信 + 邮件混用 工作消息全在一处，实时推送
找人困难 翻微信群 / 问同事 通讯录检索 + 员工名片
文档协作混乱 邮件附件 + 微信传文件 本地编辑 + 群组分享
账号管理乱 共享账号 / 密码群发 用户管理 + RBAC + 操作日志
组织架构不清 群聊混乱 部门树 + 职位管理
任务追踪困难 口头/微信派活 任务发布/分配/追踪/日程

1.4 项目状态

版本 范围 功能数 状态
V1.0 用户中心 / 通讯录 / IM / 文档 / 管理后台 22 已完成
V2.0 多企业 SaaS 化（企业注册 / 邀请码 / 删除企业 / 数据隔离） 4 已完成
V2.1 任务与日程管理 5 已完成
V2.1+ AI 智能助理 5 规划中

二、技术架构

2.1 技术栈一览

层级 技术选型 说明
前端 Vue 3 + TypeScript + Vite SPA 单页应用，Element Plus 组件库
后端 .NET 10 + C# 模块化单体架构，DDD 领域驱动设计
数据库 PostgreSQL 16+ 多 Schema 隔离，EF Core ORM
缓存/消息 Redis 7+ 缓存 + SignalR Backplane 实时推送
文件存储 MinIO 对象存储（图片/文件上传）
实时通信 SignalR WebSocket 实时消息推送
认证 JWT (HS256) 无状态 Token 认证
部署 Docker Compose 一键启动 5 个容器
反向代理 Nginx + Let’s Encrypt HTTPS 加密 + 域名转发

2.2 架构图 

┌─────────────────────────────────────────────────────────┐
│                      用户浏览器                          │
│                  https://fs.lctnb.top                    │
└──────────────────────┬──────────────────────────────────┘
                       │ HTTPS
                       ▼
┌─────────────────────────────────────────────────────────┐
│                   Nginx 反向代理                         │
│              (SSL 终止 + 静态文件 + API 转发)             │
└──────────┬──────────────────────┬───────────────────────┘
           │ /api/*               │ /*
           ▼                      ▼
┌──────────────────┐   ┌──────────────────┐
│   ff-api (.NET)  │   │  ff-frontend     │
│   端口: 5000     │   │  (Nginx 静态)    │
└────────┬─────────┘   └──────────────────┘
         │
    ┌────┼────┬────────┐
    ▼    ▼    ▼        ▼
┌──────┐ ┌──────┐ ┌──────┐
│PostgreSQL│ │Redis │ │MinIO │
│  :5432  │ │:6379 │ │:9000 │
└─────────┘ └──────┘ └──────┘

2.3 项目目录结构 

FF-Lite/
├── frontend/                     # Vue 3 前端
│   └── src/
│       ├── views/                # 页面组件
│       │   ├── auth/             # 登录/注册/企业注册
│       │   ├── workbench/        # 工作台
│       │   ├── im/               # 即时通讯
│       │   ├── contact/          # 通讯录
│       │   ├── doc/              # 云文档
│       │   ├── task/             # 任务管理
│       │   ├── profile/          # 个人中心
│       │   └── admin/            # 管理后台
│       ├── router/               # 路由配置
│       ├── stores/               # Pinia 状态管理
│       └── components/           # 公共组件
├── backend/                      # .NET 10 后端
│   └── src/
│       ├── FF.App.Api/           # API 入口（Controllers + SignalR Hub）
│       ├── FF.App.Auth/          # 认证模块（JWT + 登录/注册）
│       ├── FF.App.User/          # 用户模块（通讯录/部门/个人中心）
│       ├── FF.App.IM/            # 即时通讯模块（SignalR + 消息）
│       ├── FF.App.Doc/           # 文档模块（编辑器/分享）
│       ├── FF.App.Admin/         # 管理后台（RBAC/日志/职位）
│       ├── FF.App.Task/          # 任务管理模块（DDD 聚合）
│       ├── FF.App.Tenant/        # 企业租户模块（SaaS）
│       └── FF.App.SharedKernel/  # 共享内核（DDD 基础）
└── docs/                         # 项目文档
    ├── 01-需求分析/PRD.md
    ├── 02-开发文档/
    ├── 04-数据库设计/
    └── 10-测试文档/

三、功能模块详解

3.1 用户认证（4 个功能）

功能 说明
登录 手机号 + 密码登录，JWT Token 认证
邀请注册 管理员生成邀请链接 → 员工点链接注册 → 自动入部门
企业注册 手机号 + 企业名称 + 密码 → 创建企业并成为超管
个人中心 修改头像、昵称、邮箱、个性签名

登录页面

登录页面

本文2026-07-15首发于雾之岛，最后修改于2026-07-15

]]>项目文档博客功能完善记https://lctnb.top/post/blog-config-complete/Wed, 15 Jul 2026 19:30:00 +0800wudao686@gmail.com (雾岛)https://lctnb.top/post/blog-config-complete/ 博客功能完善记

作者：雾岛（wudao686@gmail.com）

之前的样子

博客刚搭起来的时候，其实只有一个空壳。头像是默认的，侧边栏下方一片空白，文章底部除了版权声明什么都没有，页脚在暗色模式下也不会跟着变。严格来说，能看，但算不上一个完整的博客。

做了哪些改动

头像下方

之前侧边栏只有头像、昵称和文章计数，往下就什么都没有了。现在补上了两个社交入口：GitHub 和 B站，点一下就能跳转。同时去掉了不想要的归档菜单，导航栏精简到首页、关于、友链三项。

这个过程中遇到了一些样式上的细节问题。图标用的是 iconfont 自定义字体，但主题自带的样式规则会覆盖自定义的 content 值，导致 unicode 编码对不上——主题里微信是 \e640，而我的字体文件里是 \e600，两边各说各的。再加上 CSS 选择器优先级不够高、类名大小写不一致（模板生成 icon-github 全小写，样式里写了 icon-GitHub 驼峰），几个因素叠在一起，图标一直出不来。最后通过提高选择器优先级、补充大小写变体，全部理顺了。

文章底部

之前文章读完就结束了，底部只有分类和标签。现在加了三样东西：

  • 版权声明：CC BY-NC-SA 4.0，自动显示作者、文章链接和许可协议
  • 过期提醒：超过 180 天的文章会在顶部自动显示一条提示，告诉读者内容可能已经过时
  • 分享按钮：微信和 QQ 两个入口，微信点击后会弹出二维码，适合手机扫码分享

分享按钮的配置过程绕了个弯。share = ["weixin", "qq"] 写进配置文件后，按钮始终不出现。后来发现是 TOML 的解析特性导致这个键被它旁边的子表"吞掉"了——它被解析到了 params.top.icon 下面，而不是 params 本身。调整了键的位置之后，按钮正常渲染了。

评论系统

选用了 Giscus，基于 GitHub Discussions，不需要额外部署后端。配置过程需要把仓库设为公开、在仓库设置里开启 Discussions 功能、安装 Giscus GitHub App 授权，然后把生成的 repo-id 和 category-id 填入配置文件。中间有个小细节，模板里映射字段的变量名和文档写的不一样，需要留意一下。

暗色模式适配

之前不管系统是亮色还是暗色，页面底部始终是白色，和深色背景的正文区域脱节。原因是主题的样式文件里把 linear-gradient 写在了 background-color 属性上——这个属性根本就不支持渐变，浏览器直接跳过了整条规则。改成 background 简写属性之后，底部就能跟着 --color-footer-background 变量在亮色和暗色之间自动切换了。

本文2026-07-15首发于雾之岛，最后修改于2026-07-15

]]>博客欢迎来到雾之岛https://lctnb.top/post/hello-world/Tue, 14 Jul 2026 09:19:10 +0800wudao686@gmail.com (雾岛)https://lctnb.top/post/hello-world/ 欢迎来到雾之岛

作者：雾岛（wudao686@gmail.com）

缘起

一直想有一个属于自己的小角落，写点东西，记录生活。于是就有了「雾之岛」这个博客。

从零到上线，整个过程断断续续折腾了两天，这里记录一下，也给想自己搭博客的朋友一个参考。

技术选型

环节 选择 原因
静态生成器 Hugo 极速构建，Go 语言编写，一个二进制文件搞定
主题 hugo-theme-reimu 简洁优雅，喜欢灵梦
图标 iconfont 阿里巴巴图标库，自定义灵活
代码托管 GitHub 免费，配合 Actions 自动部署
服务器 百度云 BCC 4C4G 国内访问快，备案方便
Web 服务 Nginx 轻量高性能
HTTPS Let’s Encrypt 免费 SSL 证书

本地搭建

Hugo 的安装很简单，下载一个 exe 文件就行。选好主题后，主要做了这些定制：

图标替换

使用的是 iconfont，创建了一个项目，选了四个图标（首页、归档、关于、友链）。下载后将字体文件放到 static/fonts/iconfont/ 目录下，在 hugo.toml 里配置图标编码即可。

点击特效

主题自带了 mouse-firework 点击特效。不过默认是红色圆点，我想要金色爱心的效果。原库不支持爱心形状，所以通过 injector 注入了一段 JS，用贝塞尔曲线绘制爱心注册进去。

备案信息

国内服务器必须备案。主题的 footer 模板已经内置了 ICP 和公安备案的支持，配置两个参数就行：

[params.icp]
  icpnumber = "闽ICP备2025121748号"
  beian = "闽公网安备35082202820160号"
  recordcode = "35082202820160"

服务器部署

服务器是百度云的，Debian 12 系统。整个部署架构如下：

本文2026-07-14首发于雾之岛，最后修改于2026-07-14

]]>博客