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

yumo6662个月前 (07-03)技术文章11

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

为什么要做这个项目呢?

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

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

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

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

github: https://github.com/MrXujiang/t-nav

技术栈介绍

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

服务端

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

功能介绍

1. 网站分类导航

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

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

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

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

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

5. 支持全站搜索内容

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

更多推荐

如何评价Dooring低代码/零代码搭建平台?

相关文章

web前端学习教程,多功能多级导航菜单开发源码

web前端学习教程,今天分享的是一个炫酷大气多功能多级导航菜单案例源码项目效果截图部分项目源码截图,代码有点多就不全部截图了,完整的项目源码可以找我领取ps:需要相关学习视频教程、项目源码、开发工具等...

中文网址导航模版HaoWa1.3.1/模版网站wordpress导航主题

HaoWa v1.3.1由挖主题开发的一款网址导航类主题。HaoWA主题除主体导航列表外,对主题所需的小模块都进行了开放式的HTML编辑器形式的功能配置,同时预留出默认的代码结构,方便大家在现有的代码...

源码推荐(01.11):导航栏渐变效果与头部视图放大集合,可拖拽重排的CollectionView

导航栏渐变效果与头部视图放大集合(上传者:qiyangood)tableView头部放大,导航栏渐变效果,以及小头像的放大效果,不知道动态图怎么做,所以只能截几张图了可拖拽重排的CollectionV...

一篇文章教会你如何制做精美导航条

【一、项目背景】 让更多的人去学习html,以广东科技学院的导航栏为例, 教大家怎么去做一个横向的导航栏。【二、项目准备】 准备一个编程的软件Dreamweaver,打开软件点击文件新建一个叫导航栏的...

918国际导航免费分享一款简洁模板+整站程序+数据打包-yungui

918国际导航免费分享一款简洁模板+整站程序+数据打包 国际导航模板说明:搜索栏背景是动态型的,为了简洁本站没有搜索框以及文章页,只有首页一个,这样可以满足大部分人的需求了,毕竟大家只是大家导航而已...

功能强大的手绘Web图表组件,太有趣了

大家好,我是小编南风吹,每天推荐一个小工具/源码,装满你的收藏夹,让你轻松节省开发效率,实现不加班不熬夜不掉头发! 今天小编一款非常有趣的手绘风格图表绘制工具,不仅支持CDN引入js标签的方式,...