# bfx-nav-bot

**Repository Path**: AnRuo123/bfx-nav-bot

## Basic Information

- **Project Name**: bfx-nav-bot
- **Description**: 伴福熊导航网站是一个基于Vue.js开发的前端导航网站，旨在为用户提供分类整理的优质网站资源。用户可以通过不同频道浏览各类网站，也可以提交自己发现的优质网站资源。
- **Primary Language**: HTML/CSS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://gitee.com/AnRuo123/bfx-nav-bot
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-03-06
- **Last Updated**: 2025-09-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, HTML, CSS, JavaScript

## README

# 伴福熊导航网站

## 项目介绍

伴福熊导航网站是一个基于Vue.js开发的前端导航网站，旨在为用户提供分类整理的优质网站资源。用户可以通过不同频道浏览各类网站，也可以提交自己发现的优质网站资源。

## 技术栈

- **前端框架**：Vue.js 2.6.14
- **UI组件库**：Element UI 2.15.14
- **HTTP请求**：Axios 1.8.1
- **路由管理**：Vue Router 3.6.5
- **状态管理**：Vuex (项目中已配置)
- **构建工具**：Vue CLI

## 功能特点

- **频道分类**：将网站资源按照不同类别进行分类展示
- **响应式设计**：适配不同尺寸的设备屏幕
- **网站提交**：用户可提交优质网站资源
- **加载状态**：良好的加载状态反馈
- **回到顶部**：便捷的回到顶部功能

## 项目结构

```
├── public/                 # 静态资源
├── src/                    # 源代码
│   ├── api/                # API接口
│   ├── assets/             # 项目资源
│   ├── components/         # 公共组件
│   ├── plugins/            # 插件
│   ├── router/             # 路由配置
│   ├── store/              # 状态管理
│   ├── styles/             # 全局样式
│   ├── utils/              # 工具函数
│   ├── views/              # 页面视图
│   ├── App.vue             # 根组件
│   └── main.js             # 入口文件
├── .env.development        # 开发环境配置
├── .env.production         # 生产环境配置
├── babel.config.js         # Babel配置
├── vue.config.js           # Vue CLI配置
└── package.json            # 项目依赖
```

## 安装步骤

1. 克隆项目

```bash
git clone [项目仓库地址]
cd bfx-nav-bot
```

2. 安装依赖

```bash
npm install
# 或
yarn install
```

3. 启动开发服务器

```bash
npm run serve
# 或
yarn serve
```

4. 构建生产版本

```bash
npm run build
# 或
yarn build
```

## 使用说明

### 浏览网站

1. 在首页可以看到分类的频道列表
2. 点击不同频道查看相关网站资源
3. 点击「访问网站」按钮可以打开对应的网站

### 提交网站

1. 点击「提交网站」进入提交页面
2. 填写网站名称、网址、描述等信息
3. 上传网站图标（可选）
4. 提交后等待审核

## 开发指南

### 添加新频道

在 `src/api/index.js` 中修改 `getChannels` 方法或对应的后端API。

### 自定义主题

可以在 `src/styles` 目录下修改样式文件，或者通过 Element UI 的主题定制功能进行定制。

## 贡献指南

1. Fork 本仓库
2. 创建您的特性分支 (`git checkout -b feature/amazing-feature`)
3. 提交您的更改 (`git commit -m 'Add some amazing feature'`)
4. 推送到分支 (`git push origin feature/amazing-feature`)
5. 打开一个 Pull Request

## 许可证

[MIT](LICENSE)