核心修改内容
- 隐藏导航栏「探索」功能(图标 + 文字按钮);
- 将默认 Dify Logo 替换为自定义 FDAI Logo(PNG 格式)。
隐藏「探索」功能完整过程
1. 定位目标组件
探索功能对应的组件文件路径:web/app/components/header/explore-nav/index.tsx(组件名:ExploreNav),该组件被嵌套在 Header 组件中渲染,无需修改布局文件 app/(commonlayout)/layout.tsx。
2. 首次尝试:仅删除图标(未彻底隐藏)
- 操作:删除组件内图标渲染代码
{ activated ? <RiPlanetFill /> : <RiPlanetLine /> },并移除对应图标导入; - 结果:仅图标消失,「探索」文字按钮仍存在,未达到彻底隐藏需求。
3. 二次尝试:返回 null 报错
- 操作:将
ExploreNav组件的返回值改为return null,注释原有 Link 渲染代码; - 结果:页面报
Uncaught SyntaxError(注释代码时残留未闭合的引号 / 括号,导致语法不完整)、ChunkLoadError(编译缓存异常),服务无法正常加载。
4. 最终方案:返回空片段(无语法错误)
- 操作:直接替换
ExploreNav组件代码,保留必要变量定义,返回<></>空片段,同时清理图标、Link 等无用导入; - 结果:「探索」功能(图标 + 文字)彻底隐藏,无语法错误。
核心修改后代码:
'use client'
import { useTranslation } from 'react-i18next'
import { useSelectedLayoutSegment } from 'next/navigation'
import classNames from '@/utils/classnames'
type ExploreNavProps = {
className?: string
}
const ExploreNav = ({ className }: ExploreNavProps) => {
const { t } = useTranslation()
const selectedSegment = useSelectedLayoutSegment()
const activated = selectedSegment ===
}

