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%