HandsomeTab - 优雅的新标签页扩展

HandsomeYo

发布于 2025-04-03 18:26:44

9900

代码可运行

运行总次数：0

代码可运行

HandsomeTab - 优雅的新标签页扩展

👋 欢迎使用 HandsomeTab！这是一个精心打造的新标签页扩展，希望能为您的浏览体验带来一份优雅与便利。如果您觉得这个项目不错，欢迎给个 Star ⭐️

🌐 官网：https://www.lik.cc/

✨ 在线演示：https://tab.lik.cc/

HandsomeTab 是一个简洁优雅的浏览器新标签页扩展，让你的浏览器更加美观实用。

主要特性

🎨 精美背景
- 支持必应每日壁纸
- 支持动态视频壁纸
- 支持自定义背景图片
- 支持本地图片上传
🔍 智能搜索
- 支持多个搜索引擎（Google、百度、必应等）
- 一键切换搜索引擎
- 搜索建议功能
⌚ 时钟显示
- 优雅的时间显示
- 日期信息展示
🌤️ 天气预报
- 实时天气信息
- 基于位置的天气数据
- 温度和天气状况展示
📰 热点资讯
- 聚合多个平台热搜
- 实时更新
- 一键跳转原文
💫 其他功能
- 每日名言
- 简洁的设置面板
- 流畅的动画效果
- 响应式设计

技术栈

Vue 3
Vite
Element Plus
Pinia
Vue Router

Nginx 配置

    # LinuxDO API 代理
    location /api/linuxdo/ {
        proxy_pass https://linux.do/;
        proxy_set_header Host linux.do;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Accept 'application/json';
        proxy_set_header User-Agent 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36';
        proxy_ssl_server_name on;
        proxy_ssl_protocols TLSv1.3 TLSv1.2 TLSv1.1 TLSv1;
        rewrite ^/api/linuxdo/(.*) /$1 break;
    }

开发环境

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

项目结构

src/
├── assets/        # 静态资源
├── components/    # 组件
├── services/      # API 服务
├── stores/        # 状态管理
├── utils/         # 工具函数
└── views/         # 页面视图