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。

相关推荐
像风一样自由202011 分钟前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
AI生存日记35 分钟前
百度文心大模型 4.5 系列全面开源 英特尔同步支持端侧部署
人工智能·百度·开源·open ai大模型
浪裡遊1 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
步、步、为营1 小时前
.net开源库SignalR
开源·.net
Liudef063 小时前
2048小游戏实现
javascript·css·css3
国服第二切图仔4 小时前
文心开源大模型ERNIE-4.5-0.3B-Paddle私有化部署保姆级教程及技术架构探索
百度·架构·开源·文心大模型·paddle·gitcode
钱彬 (Qian Bin)5 小时前
一文掌握Qt Quick数字图像处理项目开发(基于Qt 6.9 C++和QML,代码开源)
c++·开源·qml·qt quick·qt6.9·数字图像处理项目·美观界面
独立开阀者_FwtCoder5 小时前
【Augment】 Augment技巧之 Rewrite Prompt(重写提示) 有神奇的魔法
前端·javascript·github
我想说一句5 小时前
事件机制与委托:从冒泡捕获到高效编程的奇妙之旅
前端·javascript
汤姆Tom5 小时前
JavaScript reduce()函数详解
javascript