开源软件导航项目, 轻松实现自己的网站导航

简介: 开源软件导航项目, 轻松实现自己的网站导航

hi, 大家好, 我是徐小夕. 今天又到了我们的开源时间, 也是今年最后一个开源项目——软件导航.

image.png

为什么要做这个项目呢?

因为今年有太多的技术更新了, 比如antd5.0 发布, umi4.0 发布, 前端各种新框架(如astro等)的诞生, 意味着我们要想不被淘汰, 就必须与时俱进.

image.png

同时我们如何应对稍纵即逝的信息流呢, 这就需要一个工具, 帮我们记录和整理我们关注的知识或网站.

所以我觉得有必要用在学习心得技术的同时, 做一款有价值的开源项目, 帮助大家更好的拥有属于自己的工具导航.

目前网站已在 github 开源, 感兴趣的可以 clone 学习查考一下, 也让自己, 拥有一个适合自己喜好的导航.

image.png

github: github.com/MrXujiang/t…

技术栈介绍

  • react17+ 前端顶流框架之一
  • antd5.0+ 确实ui比之前版本漂亮很多
  • umi4.0+ 前端工程化解决方案
  • xijs 开箱即用的工具库
  • qrcode 二维码生成组件
  • weixin js sdk 微信生态专用(比如微信分享)
  • pnpm 下一代包管理工具

服务端

目前我是采用 nodejs 实现的, 大家也可以用其他方案实现. 同时我提供了 300+ 优质网站数据供大家参考.

功能介绍

1. 网站分类导航

image.png

分类覆盖了 在线工具, 桌面软件, 手机app等, 非常实用的工具整理.

2. 管理者一键修改, 发布软件, 并能对软件评分

image.png

本地需要对接后台接口, 可以根据源码自行调整.

3. 支持一键跳转到指定网站

4. 支持一键分享到微信 / H5

image.png

5. 支持全站搜索内容

image.png

当然你也可以根据自己的需求, 定制适合自己的功能, 如果觉得有用, 记得点赞支持哦~

github: github.com/MrXujiang/t…


目录
相关文章
|
3月前
|
小程序 JavaScript API
微信小程序开发学习之页面导航(声明式导航和编程式导航)
这篇文章介绍了微信小程序中页面导航的两种方式:声明式导航和编程式导航,包括如何导航到tabBar页面、非tabBar页面、后退导航,以及如何在导航过程中传递参数和获取传递的参数。
微信小程序开发学习之页面导航(声明式导航和编程式导航)
|
4月前
|
搜索推荐 数据库
最新UI六零导航系统源码 | 多模版全开源
使用PHP+MySql,增加后台管理 多模板选择,支持在后台切换模板 增加常用搜索引擎,如:知乎、哔哩哔哩、在线翻译等(支持自定义) 支持用户提交收录申请,地址:http://域名/apply 部分模板优化和增加部分功能,如返回顶部、获取输入框焦点、时间日期显示等
76 1
|
7月前
实践任务1:利用 HBuilderX制作产品展示模块+实践任务2:利用 HBuilderX制作公司网站首页+实践任务3: 利用 HBuilderX制作公司网站首页实现固定侧边菜单
实践任务1:利用 HBuilderX制作产品展示模块+实践任务2:利用 HBuilderX制作公司网站首页+实践任务3: 利用 HBuilderX制作公司网站首页实现固定侧边菜单
96 3
|
Web App开发 搜索推荐 NoSQL
如何搭建一个集成导航与在线工具的个性化浏览器私有书签(附详细搭建教程)
在这个信息爆炸的时代,我们都希望拥有一个能够轻松解决多端、多浏览器的收藏和笔记同步问题的神奇工具。Mtab书签正是为此而设计的顶级应用。它将基础导航、记事本、在线小工具和多端同步集于一身,为用户提供了更便利的网络浏览体验,并解决了多端同步的烦恼。
256 0
如何搭建一个集成导航与在线工具的个性化浏览器私有书签(附详细搭建教程)
|
数据挖掘
你需要的导航网站,这里都有
1、书享家(电子书资源导航)http://shuxiangjia.cn/ 2、学吧导航(自学资源导航)https://www.xue8nav.com/ 3、科塔学术(学术资源导航)https://site.sciping.com/
663 0
|
Web App开发 搜索推荐 前端开发
搜索引擎快捷导航:一个简单的chrome插件(教程)
搜索引擎快捷导航:一个简单的chrome插件(教程)
284 0
搜索引擎快捷导航:一个简单的chrome插件(教程)
|
Java
工具网站导航
工具网站导航
129 0
|
存储 人机交互 UED
网站导航设计方法总结
网站导航设计攻略
1004 0
|
Web App开发
网站导航设计指南
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具 “如果人们在浏览网站时遇到困难,他们就会犹豫是否要回到该网站。
1126 0