# N-Tab

**Repository Path**: scoful/N-Tab

## Basic Information

- **Project Name**: N-Tab
- **Description**: Chrome插件，标签管理工具，替代OneTab
- **Primary Language**: JavaScript
- **License**: ISC
- **Default Branch**: v3
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 17
- **Forks**: 2
- **Created**: 2020-01-09
- **Last Updated**: 2025-02-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# N-Tab

**目录**
----
* [N-Tab](#N-Tab)
    * [背景介绍](#背景介绍)
    * [模拟使用场景](#模拟使用场景)
    * [支持多款浏览器](#支持多款浏览器)
    * [快速使用](#快速使用)
    * [安装方法](#安装方法)
    * [功能界面截图](#功能界面截图)
    * [获取token方法](#获取token方法)
    * [To Do List](#to-do-list)
    * [Discussing](#discussing)
    * [感谢以下大神的肩膀](#感谢以下大神的肩膀)
    * [Star历史](#Star历史)


## 背景介绍

0. 改名N-Tab，方便口头传播，之前的名字太中二了，Orz
1. 本项目是一个Chrome插件
2. 经过4年时间自用，敢保证永不丢失数据，速度超快，可存储数据超多，绝对是效率提升工具！
3. OneTab的平替，OneTab丢过数据的举手集合！

## 模拟使用场景
- 打开了N多Tab，每一个都不想关闭，浏览器已经到了点不了的情况，怎么办？--->一键收集起来慢慢看
- 今天上班为了解决某个问题/寻找某个选题，打开了很多相关的网站，但是要下班了，要关电脑怎么办？--->一键收集起来第二天一键打开
- 很多常用要打开的网站，浏览器自带的标签栏都放不下了？--->直接收集起来，置顶锁定，省心省力
- 可以做任务优先级分类，**紧急的事**，**重要的事**，**紧急但不重要的事**，**重要但不紧急的事**--->或者完全自定义
- 可以做历史时间线回顾，看看一个星期前，一个月前，都在看什么资料，关注什么内容

## 支持多款浏览器
- 谷歌 Chrome 浏览器：[Chrome商店](https://chrome.google.com/webstore/detail/cloudskymonster/niahhcandihcfbamcfhikgojghnnfjan)
- 微软 Edge 浏览器：[Edge商店](https://microsoftedge.microsoft.com/addons/detail/cloudskymonster/hfinincbgekmplkkhnpaodhconghkboh)

## 快速使用

- **PS：** 不想看长篇大论的介绍和功能说明，直接看[安装方法](#安装方法)
- 点击插件图标，会打开后台管理页
- 在任何打开的网页（包括本地打开的文件，如PDF，视频，照片），空白处直接右键点击，找到N-Tab，有多种功能可选
- 在任何打开的网页（包括本地打开的文件，如PDF，视频，照片），按快捷键Ctrl+Q，可以**发送所有标签**
- 在任何打开的网页（包括本地打开的文件，如PDF，视频，照片），按快捷键Alt+Q，可以**发送当前标签**
- 如需要定时同步功能，请配置GitHub或Gitee的token，可二选一或全配置
- [查看全功能介绍（详细啰嗦版）](README_ALL.md)
- 关于暗黑模式，折腾了一下发现，Chrome浏览器自带的暗黑模式效果就很不错，就没有另外添加了。[暗黑模式开启方法](#暗黑模式开启方法)

## 安装方法

0. 直接在Chrome插件商店下载安装，[地址](https://chrome.google.com/webstore/detail/cloudskymonster/niahhcandihcfbamcfhikgojghnnfjan)

1. 或者直接下载[最新的crx或zip](https://github.com/scoful/cloudSkyMonster/releases)文件，右键选择解压缩到文件名，不要解压缩到当前目录，或者直接下载源码；

2. 打开Chrome浏览器或其他支持Chrome内核的浏览器，找到并点开“扩展程序”项；

3. 在打开的新页面中，勾选“开发者模式”，点击“加载已解压的拓展程序”按钮；

4. 从打开的“浏览文件夹”窗口中，选择第1步解压缩的的文件夹，点击“确定”按钮；

5. 此时该插件就正式启动了，观察浏览器右上角是否有新的插件图标，新版Chrome浏览器要手动固定才会显示。

6. 建议插件安装成功后，关闭开发者模式。

7. 现在就可以正常使用了，假如需要同步功能，先[获取GitHub和Gitee的token](#获取token方法)，在“其他功能”-“查看配置”里对应的地方填写token，然后在“同步功能”-“是否自动同步”选是；

8. 2个同步平台，可以同时配置，也可以只配置1个，不冲突，假如选了自动同步，会自动无感知的**定时**同步到2个平台里（请先手动同步一次，通过查看日志，检查链路是否通顺），注意：Gitee特别设置了只要有修改就无感知自动**实时**同步，也就是说只要有修改，删除，移动等动作，就自动实时同步到Gitee，选Gitee更保险，真.理论上永不丢失数据。

## 功能界面截图
- 后台管理页面截图 ![1](https://fc.sinaimg.cn/large/692b2078gy1hm829xzkchj20zk0m87ai.jpg)
- 同步功能截图![2](https://fc.sinaimg.cn/large/692b2078gy1hm82bvp9orj20zk0m8tez.jpg)
- 其他功能截图 ![3](https://fc.sinaimg.cn/large/692b2078gy1hm82cacigij20zk0m844t.jpg)
- 回收站截图 ![4](https://fc.sinaimg.cn/large/692b2078gy1hm82collo7j20zk0m8tcn.jpg)
- 暗黑模式截图 ![5](https://fc.sinaimg.cn/large/692b2078gy1hm82d5kv5xj20zk0m80yz.jpg)
- 英文版截图 ![6](https://fc.sinaimg.cn/large/692b2078gy1hm82dkg1oxj20zk0m8jwq.jpg)

## 获取token方法
### Gitee
- 打开[Gitee](https://gitee.com/)，登录后
- 打开[私人令牌](https://gitee.com/profile/personal_access_tokens)
- 右上角生成新令牌，输入一个看起来有意义能明白啥用途的名字，比如： my-onetab-syncing-settings ，注意只勾选gist(可Ctrl+F搜索一下)，其他的不要勾选，
- 提交后，输入密码，生成后，要把显示的token另外找地方备份记录一下，只有在第一次创建的时候才会显示的，错过了只能重来。

### GitHub
- 打开[GitHub](https://github.com/)，登录后
- 打开[私人令牌](https://github.com/settings/tokens)
- 右上角选择Generate new token (classic)，输入一个看起来有意义能明白啥用途的名字，比如： my-onetab-syncing-settings ，注意只勾选gist(可Ctrl+F搜索一下)，其他的不要勾选，
- 提交后，输入密码，生成后，要把显示的token另外找地方备份记录一下，只有在第一次创建的时候才会显示的，错过了只能重来。


## 暗黑模式开启方法
### (可选)Win10本身变成暗黑模式
- Windows 设置--个性化--颜色--选择颜色(自定义)--选择默认应用模式(暗)--这就是系统级别的暗黑模式，所有支持暗黑模式的软件都会自动变成暗黑模式
![看图](https://fc.sinaimg.cn/large/692b2078gy1hinyo92ny3j20xk0qp49l.jpg)

### 只是网页内容变成暗黑模式
- 打开Chrome浏览器，输入 **Chrome://flags**，在搜索框输入**Auto Dark Mode for Web Contents**，在找到的设置右边改成**Enabled**
- 重启Chrome浏览器，这样本插件就自动变成暗黑模式了！
![看图2](https://fc.sinaimg.cn/large/692b2078gy1hinyqnta4aj20xs0ihqdw.jpg)

## To Do List

- 优化代码，修改bug
- 根据需求再添加新功能
- etc...


## Discussing

- [在GitHub上提问](https://github.com/scoful/cloudSkyMonster/issues/new "在GitHub上提问")
- wechat：scoful
- QQ：1269717999
- email：1269717999@qq.com



![微信赞赏码](https://fc.sinaimg.cn/large/692b2078gy1gbslrzhjmfj20gh0ettca.jpg)

![支付宝赞赏码](https://fc.sinaimg.cn/large/692b2078gy1hlbzrivgaxj20bf0ccdhu.jpg)


------

## 感谢以下大神的肩膀

[chrome插件官网](https://developer.chrome.com/extensions)

[chrome api官网](https://developer.chrome.com/extensions/api_index)

[【干货】Chrome插件(扩展)开发全攻略](https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html#%E9%95%BF%E8%BF%9E%E6%8E%A5%E5%92%8C%E7%9F%AD%E8%BF%9E%E6%8E%A5)

[chrome-plugin-demo插件](https://github.com/sxei/chrome-plugin-demo)

[chrome-ext-tabulator插件](https://github.com/greduan/chrome-ext-tabulator)

[ContextSearch插件](https://github.com/lo0kup/ContextSearch)

[一篇文章搞定GitHub API 调用 (v3）](https://segmentfault.com/a/1190000015144126)

[Sortable官网](https://github.com/SortableJS/Sortable)

[Sortable.js拖拽排序使用方法解析](https://www.jb51.net/article/96446.htm)

[js数组内元素移动，适用于拖动排序](https://www.cnblogs.com/zwhblog/p/7941744.html)

[GitHubApi文档](https://developer.github.com/v3/)

[GiteeAPI文档](https://gitee.com/api/v5/swagger)

[Bootstrap中文网](https://www.bootcss.com/)

[腾讯交互翻译](https://transmart.qq.com/zh-CN/index)

[辅助生成百度统计插件](https://github.com/krapnikkk/baidutongji-generator)

## Star历史

[![Star History Chart](https://starchart.cc/scoful/cloudSkyMonster.svg)](https://starchart.cc/scoful/cloudSkyMonster)

You are my ![Visitor Count](https://profile-counter.glitch.me/scoful/count.svg)th visitor