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

news/2024/12/17 19:58:01/

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

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

在这里插入图片描述

导航站

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

关键词搜索

ReactPress 搜索

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

导航详情

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

如何配置?

方式一:在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。


http://www.ppmy.cn/news/1555940.html

相关文章

Scala泛型应用场景

Scala中的泛型(Generics)是一种强大的工具,允许开发者编写可重用的代码,同时保持类型安全。泛型在Scala中有多种应用场景,以下是一些常见的应用场景: 集合类: Scala的集合类(如List…

UE4_控件蓝图_制作3D生命血条

一:效果图如下: 二、实现步骤: 1、新建敌人 右键蓝图类 选择角色, 重命名为BP_Enemytest。 双击打开,配置敌人网格体 修改位置及朝向 效果如下: 选择合适的动画蓝图类: 人物就有了动作&#x…

深入了解IPv6——光猫相关设定:DNS来源、DHCPv6服务、前缀来源等

光猫IPv6设置后的效果对比图: 修改前: 修改后: 一、DNS来源 1. 网络连接 来源: 从上游网络(如运营商)获取 IPv6 DNS 信息,通过 PPPoE 或 DHCPv6 下发。 特点: DNS 服务器地址直…

Linux中vim常用命令详解

文章目录 Linux中vim常用命令详解一、引言二、Vim的工作模式1、命令模式1.1、常用命令 2、输入模式3、底线命令模式 三、文本编辑1、移动命令2、编辑操作3、撤销与重做 四、使用示例1、查找与替换2、多文件编辑 五、总结 Linux中vim常用命令详解 一、引言 Vim 是 Linux 系统中…

[openGauss 学废系列]- openGauss学习笔记整理 - 熟练掌握gsql工具的使用

一、学习目标 这节课是本次实训第二节课程,本次课的重点是熟练掌握gsql工具的使用。熟悉Oracle的人可能都很熟悉sqlplus工具,gsql类似于Oracle的sqlplus,gsql是openGauss数据库提供的在命令行下连接数据库的工具,可通过gsql工具连…

【AIStarter】告别复杂转换 - MinerU整合包实现PDF到Markdown的无缝转变

在数字化时代,信息的传递与共享变得愈发重要。文档格式之间的转换成为了日常工作中不可或缺的一部分。为了满足用户对高效工作流程的需求,新版MinerU整合包应运而生,它不仅简化了从PDF到Markdown的转换过程,还为用户带来了前所未有…

【Linux网络】网络基础:传输层UDP/TCP协议(一)

📝个人主页🌹:Eternity._ ⏩收录专栏⏪:Linux “ 登神长阶 ” 🌹🌹期待您的关注 🌹🌹 ❀ 传输层UDP/TCP协议 📒端口号📜UDP协议UDP协议端格式UDP的特点UDP的缓…

【后端面试总结】什么是CAP原理

CAP原理是分布式系统设计中的一个重要理论,最早由Eric Brewer在2000年提出,后来由Nancy Lynch等人进行了证明。CAP原理中的“CAP”分别指的是一致性(Consistency)、可用性(Availability)和分区容错性&#…