编写yaml配置文件,快速建立属于自己的标签页
使用React+Antd开发
- 配置用户名即可加载该用户在Github中的所有项目
- 搜索栏支持多选跳转
- 使用最新的React Hooks开发
- 备忘录功能
- 安装Nodejs
- Fork本项目并Clone至本地
- 安装依赖
npm install # 安装依赖
# 太慢的话可以换源在安装
npm config set registry https://registry.npm.taobao.org
- 编辑
/src/config/xxx.yml
,配置标签页内容
# 配置文件中有详细的说明哦
|- src
|- config
|- headbox.yml # 网站标题及搜索栏的配置
|- tabox.yml # 标签的配置
# Logo图片的位置
|- public => logo
npm start # 运行此命令可实时预览
- 生成的静态网页
npm run build
# 运行完成后 静态界面就会出现在 /build 文件夹中
项目中已经写好了action配置文件,只需要修改几个环境变量即可~
-
按照上一步在本地编辑好配置~
可以不用build
-
把修改完的项目Push到github上
-
在项目中添加私钥,名为
TABOX_DEPLOY_PRI
使用
ssh-keygen
命令在本地生成 -
新建一个仓库,添加配对的公钥
这里将会是Action生成的静态html文件
-
编辑Fork仓库中的
.github\workflows\develop.yml
的env变量-
GIT_USER
: 你的名字 -
GIT_EAMIL
: 你的邮箱 -
REPO_URL
: 新建的仓库 -
REPO_NAME
: 新建仓库的名称
-
-
Push上去,Action就会自动运行啦~
- 最简单的方法就是直接克隆Action生成的仓库啦~
-
基本界面
-
yml文件解析
-
多重搜索
-
搜索聚合
- iframe跨域问题待解决
-
使用Action自动部署
-
自动加载GitHub仓库
- 忽略显示
- 配置项目头像
-
搜索栏分类
-
备忘录功能
-
服务器性能监控
提issue
(๑•̀ㅂ•́)و✧ 或加q: 441535134