开源了一个简约的导航站,支持GitHub Pages一键部署

哈哈因为觉得已有的导航站太复杂了(统计、SEO、账户管理…),所以无聊写了一个简约(简陋)导航页自己用,自己觉得用着还行发着大家看看,支持GitHub Pages直接部署。大家喜欢就点个star,不喜欢就算啦:grin:~

示例地址:Collector

Collector

License

Collector 是一个简约个人导航站点,帮助您高效管理和分类收藏的网站。

功能特性

  • :file_folder: 网站多级分类管理
  • :magnifying_glass_tilted_left: 标题、描述模糊检索
  • :artist_palette: 主题切换
  • :mobile_phone: 响应式设计
  • :gear: 自定义配置

示例


技术栈

使用方法

  1. 点此 Fork 这个项目到你的 GitHub 账户
  2. 在你 Fork 的仓库下点击 ActionsI understand my workflows, go ahead and enable them 启动流水线
  3. 点击 ActionsBuild and DeployRun workflow,选择 main 分支并运行流水线,等待运行完成
  4. SettingsPagesBranch 中选择 gh-pages 分支并 Save
  5. 修改 static/data.json 文件并push到 main 分支
  6. 访问你的站点:https://your-github-username.github.io/collector/

开发环境准备

  1. 确认已安装 Node.js (≥18.x)
  2. 安装 pnpm:
npm install -g pnpm
  1. 克隆项目:
git clone https://github.com/wefantasy/collector.git
  1. 安装依赖:
pnpm install 
  1. 启动开发服务器:
pnpm run dev

项目结构

collector/
├── src/               # 源代码
│   ├── lib/           # 共享工具和组件
│   ├── routes/        # 页面路由
│   └── app.css        # 全局样式
├── static/            # 静态资源
├── package.json       # 项目依赖
├── vite.config.js     # Vite 配置
└── tailwind.config.js # Tailwind 配置

贡献指南

欢迎贡献代码、报告问题或提出改进建议!

  1. Fork 这个仓库
  2. 创建你的特性分支 (git checkout -b feature/amazing-feature)
  3. 提交你的改动 (git commit -m 'Add some amazing feature)
  4. 推送到分支 (git push origin feature/amazing-feature)
  5. 提交 Pull Request

许可证

本项目采用 MIT 许可证

再分享一个站点元数据提取方法:

49 Likes

好东西!,我要放弃我的简陋版本的搜索站海野工具箱 了,用佬的

3 Likes

好好看啊~

2 Likes

PixPin_2025-05-19_22-40-44
还可以旋转,酷毙了! :face_savoring_food:

2 Likes

star 第2

2 Likes

不错呀!

2 Likes

俺的书签导航是用的onenav搭建的

俺也fork了一个

2 Likes

感觉不太好看,建议让AI美化美化

3 Likes

全程用cursor写的吗

2 Likes

感谢大佬

2 Likes

感谢分享

1 Like

不是欸,大部分自己写的,感觉AI写的跟自己想要的还是差点

1 Like

佬友收藏挺丰富 :+1:

哈哈赶紧用吧 :grin:

不错star了 感觉更像是书签收藏夹

1 Like

看到svelte过来点个赞

1 Like

fork了,后续尝试一下

1 Like

太强了,佬!!

1 Like

感谢分享-

1 Like

牛的牛的