记录 Refinex-DevHub 的重要演进，包括功能上线、文档系统完善、交互优化与体验修正， 方便持续追踪每一轮产品与内容能力的变化。
导航栏新增全局 Assistant 入口，支持结合当前页面内容进行上下文问答、总结解释与后续阅读引导。
Assistant 入口，支持从站点任意页面右侧自然滑出，不打断当前阅读路径。这次接入的目标，不是单纯增加一个聊天入口，而是把 Assistant 做成站点阅读链路的一部分。它应该理解你正停留在哪一页、你刚读了什么、以及接下来最值得继续读什么。
Vibe Coding 专栏首个系列发布，围绕 OpenCode 补齐从入门、配置到自动化扩展的完整专题入口。
Vibe Coding 专栏，并将 OpenCode 作为该专栏首个系统化系列正式发布。OpenCode 首批 10 篇专题已全部开放入口，覆盖安装入门、TUI 工作流、配置体系、权限系统、自定义 Agent、MCP、Commands / Tools、Skills、CLI / Server API 等核心主题。这次发布的目标，是先把 OpenCode 从“零散主题”收拢为可连续阅读的系列文档入口。读者现在已经可以沿着同一条知识路径，从基础使用一路进入到权限、Agent、MCP 与自动化能力。
Vibe Coding
└── OpenCode
├── 安装与首次运行：5 分钟从零到第一次对话
├── TUI 核心工作流：Build / Plan 双模式与日常高频操作
├── opencode.json 配置体系：一份配置搞定全局与项目
├── AGENTS.md 与 /init：让 AI 真正理解你的项目
├── 权限系统深度配置：安全与效率的平衡术
├── 自定义 Agent：打造你的专属 AI 编程团队
├── MCP Server 集成：让 OpenCode 连接一切外部工具
├── Custom Commands + Custom Tools：两套扩展机制一次讲透
├── Agent Skills：可复用的知识模块化
└── CLI 模式 + Server API：脚本化与远程驱动 OpenCode收敛 Featured、Latest 与 Explore 的展示语言，补齐摘要信息，并把首页内容拆成可复用组件与独立数据层。
Featured、Latest 与 Explore 的标题行统一收口，避免同类结构在页面里重复维护。Latest 从大卡片改成两列横向列表，Featured 右列也同步收敛到同一套列表语言，首页视觉节奏更一致。description 展示，并通过行数限制控制信息密度，避免摘要把布局撑散。page.tsx。这轮不是单纯微调样式，而是把首页内容区从“页面内堆结构”改成“数据层 + 复用组件”组合。这样后续继续演进 Featured、Latest 或入口卡片时，修改面会明显更小。
export async function getHomePagePostSections(): Promise<HomePagePostSections> {
const allPosts = await getAllPosts('blog');
const featuredAll = allPosts.filter((post) => post.featured === true).slice(0, 4);
return {
featured: {
all: featuredAll,
...(featuredAll[0] ? { hero: featuredAll[0] } : {}),
list: featuredAll.slice(1),
},
latest: allPosts.slice(0, 6),
};
}移除运行时 Algolia 查询，改为 section 级站内检索、锚点跳转与更稳定的搜索弹窗结果。
/api/search 驱动的自建检索链路。H2 / H3 section 级记录，结果可直接跳到文内锚点。这轮的重点不是把搜索“做出来”，而是把搜索结果从“能查到文章”提升到“能直接落到读者真正要看的章节”。
export async function GET(request: Request) {
const { searchParams } = new URL(request.url);
const query = searchParams.get('q')?.trim() ?? '';
if (!query) {
return NextResponse.json({ docs: [], blogs: [] });
}
const results = await getSearchResults(query);
return NextResponse.json(results);
}补齐 Mermaid、数学公式、图片预览、列表与表格细节，让渲染样本页更接近真实生产状态。
ParamTable 与普通 Markdown 表格的视觉规则，移除多余背景，保留必要分割线。ImageFigure 的亮暗主题预览体验，补齐点击空白关闭等交互细节。这批能力直接决定文档站的“可发布状态”。只有渲染系统先稳定，后续内容团队写出来的 MDX 才能真正复用。
if (normalizedLang === 'mermaid') {
return <MermaidBlock code={normalizedCode} filename={resolvedFilename} className={className} />;
}减少阅读视图中的视觉噪音，让滚动、目录高亮和长内容浏览更稳定。
完成 Hub、Docs、Blog 的基础分层，给后续内容扩展留出稳定入口。