ReactPress最佳实践—搭建导航网站实战

Github项目地址:https://github.com/fecommunity/easy-blog 欢迎Star。

近期,阮一峰在科技爱好者周刊第 325 期中推荐了一款开源工具------ReactPress,ReactPress一个基于 Next.js 的博客和 CMS 系统,可查看 demo站点。(@fecommunity 投稿)

导航站

可以通过后台配置分类网站,展示效果如下。

关键词搜索

可以根据关键词指定站内或者其他搜索引擎的方式搜索。

导航详情

点击导航地址后,会进入详情页,然后可以使用按钮跳转。

如何配置?

方式一:在config路径下的settings配置:

复制代码
interface IGlobalConfig {
  navConfig: NavSetting; // 导航配置
  urlConfig: any[]; // 地址配置
}

interface CategoryItem {
  label: string; // 展示的名称
  key: string; // 唯一标识
  url?: string; //地址
}

interface NavSetting {
  categories: CategoryItem[]; // 分类信息
  subCategories: {
    [k: string]: CategoryItem[]
  }
}

方式二:后台管理系统中配置

也是支持全局配置的。

体验地址:https://blog.gaoredu.com/nav

Github项目地址:https://github.com/fecommunity/easy-blog 欢迎Star。

相关推荐
花花鱼1 小时前
node-modules-inspector 可视化node_modules
前端·javascript·vue.js
TDengine (老段)3 小时前
TDengine 中的关联查询
大数据·javascript·网络·物联网·时序数据库·tdengine·iotdb
再学一点就睡4 小时前
大文件上传之切片上传以及开发全流程之前端篇
前端·javascript
DevSecOps选型指南6 小时前
2025年企业级开源治理实践与思考
安全·开源·sca·软件供应链安全厂商
難釋懷6 小时前
JavaScript基础-移动端常见特效
开发语言·前端·javascript
还是鼠鼠7 小时前
Node.js全局生效的中间件
javascript·vscode·中间件·node.js·json·express
自动花钱机7 小时前
WebUI问题总结
前端·javascript·bootstrap·css3·html5
kcarly7 小时前
DeepSeek 都开源了哪些技术?
开源·大模型·llm·deepseek
bst@微胖子7 小时前
Flutter项目之登录注册功能实现
开发语言·javascript·flutter
拉不动的猪7 小时前
简单回顾下pc端与mobile端的适配问题
前端·javascript·面试