界面与导航

BakLab 提供了现代化、响应式的用户界面。本页面将带你逐一拆解前端页面的各个物理区域、导航入口与核心控制控件。

1. 顶部全局导航栏

顶部导航栏固定在浏览器最上方，横向分布着全局通用的功能入口与账户状态：

品牌 Logo 与首页入口：点击左上角的 BakLab Logo 或 品牌名称，可随时清除筛选条件返回平台首页或站点大厅。
站点切换下拉菜单：点击品牌旁边的 站点名称与向下箭头 ▾，弹出已加入的站点列表，点击任意站点项顺畅切换社区空间。
全局搜索输入框：在搜索框中输入关键词按回车，页面跳转至搜索结果页，支持按帖子标题、正文及标签筛选。
新建发布按钮 (+ 新建发布)：具有高亮视觉样式的快捷按钮。点击后弹出发布窗口（或跳转至 /articles/new 页面），发起新创作。
消息通知图标：
- 显示当前账号的未读通知数量（如 (3) 标记）；
- 点击跳转至消息中心页面（/messages），分类查看回复提醒、系统通知与点赞通知。
用户头像与个人下拉菜单：
- 未登录状态：显示 “登录 / 注册” 文本链接按钮；
- 登录状态：显示用户头像与用户名，点击展开下拉菜单，包含以下操作项：
  - 个人主页：跳转至 /users/:username；
  - 系统设置：跳转至界面偏好配置页；
  - 管理后台：若具备管理权限，展示前往管理后台的入口；
  - 退出登录：提交登出请求。

在站点页面中，左侧侧边栏集中了站点基本信息与板块导航：

站点头部信息卡片：
- 展示站点 Logo、站点名称、简介描述及成员总数；
- 包含 “+ 加入站点” / “已加入” 交互按钮。
板块导航列表：
- 垂直排列当前站点下的所有板块项；
- 点击板块名称：中央列表实时刷新筛选内容；
- 鼠标悬停交互：悬停时项右侧浮现小图标：
  - 点击 订阅图标：关注该板块；
  - 点击 忽略图标：屏蔽该板块内容。
热门标签云：列出当前站点的高频热门标签，点击标签可按标签筛选列表。

中央区域是内容展现与列表过滤的核心视窗：

位于列表上方，提供三种视图切换按钮：

文章卡片是内容展示的基本单元，包含以下交互控件与元信息：

左侧投票得分控件：
- 点击 ▲ 向上箭头：投赞成票，分值与图标变亮；再次点击可取消投票；
- 点击 ▼ 向下箭头：投反对票；
- 中间显示当前得分净值。
标题与板块状态标识：点击标题进入详情页；标题旁显示所属板块彩色标签及自定义状态标签（如“已解决”）。
元信息文本：包含作者用户名链接（点击进入作者主页）、相对发布时间（悬停显示精确时间）及域名来源。
底部操作工具条：
- 点击 回复数：直接滚动锚点至评论区；
- 点击收藏 / 订阅：执行快捷保存或跟进操作。

点击文章标题进入详情页面（/articles/:id）：

正文区操作栏：位于 Markdown 正文下方，包含一排功能按钮：
- 编辑：点击进入编辑器修改正文（仅作者或管理员可见）；
- 锁定 / 解锁：禁止新回复（管理员可见）；
- 删除：弹出二次确认对话框，执行下架；
- 删除历史：查看历史修改版本。
表情反应条：正文底部一排表情统计图钉（👍 12 ❤️ 5 🎉 3）。点击末尾的 “+ 添加” 按钮打开表情选择器框增加你的表情。
回复输入框：
- 位于页面中下部，提供 Markdown 编辑框；
- 支持 快捷引用：选中文本后点击“引用”按钮，自动生成引用块格式；
- 点击底部的 “提交回复” 按钮完成发布。
递归树状评论楼层：
- 评论按树状缩进排版；
- 每个评论楼层右上角配有 “回复此楼”、“点赞” 及 “锚点链接” 控制按钮。