logo
0
0
WeChat Login

终端主页 - Terminal Homepage

一个功能强大的命令式浏览器主页,支持通过命令行方式完成各种操作。

🚀 快速开始

启动服务

npm install npm start

访问地址:http://localhost:9000

📋 核心功能

🎯 基础命令

  • help - 显示所有可用命令
  • clear - 清空屏幕
  • date - 显示当前时间

🔍 搜索与导航

  • search <关键词> - 多平台搜索(百度、谷歌、Bing)
  • goto <网址> - 快速跳转到指定网站

🛠️ 实用工具

  • ping <网址> - 检测网络连通性
  • todo - 待办事项管理
  • background <颜色> - 更改背景颜色

🎮 娱乐功能

  • music <歌曲名> - 音乐播放器
  • moyu - 模鱼小游戏
  • ikun - 坤坤时间

⌨️ 快捷键

  • Ctrl + L - 清屏
  • Ctrl + O - 折叠/展开输出
  • ↑ / ↓ - 浏览历史命令

🎨 主题切换

使用 background 命令切换不同主题:

  • background dark - 暗黑主题
  • background gradient - 渐变主题(默认)
  • background matrix - 黑客帝国主题
  • background #ff0000 - 自定义颜色

🔧 技术实现

后端架构

  • Node.js + Express - 服务器框架
  • 命令系统 - 模块化命令处理
  • API 接口 - RESTful 命令执行

前端特性

  • 响应式终端界面 - 仿真终端体验
  • 实时命令执行 - 异步命令处理
  • 历史记录 - 命令历史浏览
  • 键盘快捷键 - 高效操作

📁 项目结构

workspace/ ├── app.js # 主服务器文件 ├── package.json # 项目配置 ├── assets/ │ └── index.html # 主页面 ├── public/ # 静态资源 └── README.md # 项目说明

🎯 命令系统设计

命令注册

每个命令都是一个独立的函数,支持参数解析和异步执行。

输出类型

  • text - 普通文本输出
  • success - 成功信息(绿色)
  • error - 错误信息(红色)
  • info - 信息提示(青色)
  • search - 搜索结果
  • clear - 清屏操作

响应格式

{ "type": "success|error|info|search|clear", "content": "输出内容", "data": {} // 扩展数据 }

🌟 特色功能

1. 多平台搜索

一次搜索,多平台结果,点击即可跳转。

2. 实时背景切换

支持预设主题和自定义颜色。

3. 内置小游戏

摸鱼游戏、坤坤舞蹈等娱乐功能。

4. 待办事项管理

简单的任务管理功能。

5. 音乐播放器

模拟音乐播放界面。

🔮 扩展开发

添加新命令

app.jscommands 对象中添加新命令:

const commands = { // 现有命令... newcommand: (args) => { return { type: 'success', content: '新命令执行成功!' }; } };

自定义输出类型

在 HTML 中添加新的样式类:

.output-line.custom { color: #ff00ff; border-left-color: #ff00ff; }

📝 使用示例

基础操作

$ help # 查看帮助 $ date # 显示时间 $ clear # 清屏

搜索导航

$ search Vue.js # 搜索 Vue.js $ goto github.com # 跳转到 GitHub $ ping baidu.com # 检测百度

个性化设置

$ background dark # 切换暗黑主题 $ background #ff6b6b # 自定义红色背景

娱乐功能

$ music 告白气球 # 播放音乐 $ moyu # 摸鱼游戏 $ ikun # 坤坤时间 $ todo # 待办事项

🎨 设计理念

  1. 极客体验 - 模拟真实终端操作体验
  2. 高效操作 - 键盘为主,鼠标辅助
  3. 模块化设计 - 易于扩展和维护
  4. 响应式界面 - 适配不同屏幕尺寸
  5. 炫酷效果 - 动画和过渡效果

📊 技术亮点

  • 实时命令执行 - WebSocket 式交互体验
  • 命令历史 - 上下键浏览历史命令
  • 快捷键支持 - 提升操作效率
  • 响应式设计 - 移动端适配
  • 异步处理 - 非阻塞命令执行
  • 错误处理 - 友好的错误提示

开始你的终端之旅吧!输入 help 探索更多功能 🚀

About

一个功能强大的命令式浏览器主页,支持通过命令行方式完成各种操作。

Language
HTML81.8%
JavaScript17.3%
Shell0.9%