DazeCake / Tabox

Tabox-快速拥有自己的标签页

📦Tabox

编写yaml配置文件，快速建立属于自己的标签页

预览：https://tab.fzf404.top/

使用React+Antd开发

🚖特性

• 配置用户名即可加载该用户在Github中的所有项目
• 搜索栏支持多选跳转
• 使用最新的React Hooks开发
• 备忘录功能

快速开始

🚀本地使用

1. 安装Nodejs
2. Fork本项目并Clone至本地
3. 安装依赖

npm install		# 安装依赖
# 太慢的话可以换源在安装
npm config set registry https://registry.npm.taobao.org

4. 编辑/src/config/xxx.yml，配置标签页内容

# 配置文件中有详细的说明哦
|- src
  |- config
    |- headbox.yml		# 网站标题及搜索栏的配置
    |- tabox.yml			# 标签的配置
# Logo图片的位置
|- public => logo

npm start			# 运行此命令可实时预览

4. 生成的静态网页

npm run build
# 运行完成后 静态界面就会出现在 /build 文件夹中

🚕使用GithubAction

项目中已经写好了action配置文件，只需要修改几个环境变量即可~

1. 按照上一步在本地编辑好配置~

   可以不用build

2. 把修改完的项目Push到github上

3. 在项目中添加私钥，名为TABOX_DEPLOY_PRI

   使用ssh-keygen命令在本地生成

4. 新建一个仓库，添加配对的公钥

   这里将会是Action生成的静态html文件

5. 编辑Fork仓库中的.github\workflows\develop.yml的env变量

   • GIT_USER: 你的名字

   • GIT_EAMIL: 你的邮箱

   • REPO_URL: 新建的仓库

   • REPO_NAME: 新建仓库的名称

6. Push上去，Action就会自动运行啦~

🚄部署到自己的服务器

1. 最简单的方法就是直接克隆Action生成的仓库啦~

🚟进度

• 基本界面

• yml文件解析

• 多重搜索

• 搜索聚合

  • iframe跨域问题待解决

• 使用Action自动部署

• 自动加载GitHub仓库

  • 忽略显示
  • 配置项目头像

• 搜索栏分类

• 备忘录功能

• 服务器性能监控

🚨遇到问题

提issue

(๑•̀ㅂ•́)و✧ 或加q: 441535134