RemixReact启动器

remix-knowledge-base — Remix 启动器模板

作者 AlexandroMtzG

基于 Remix、Tailwind CSS 与 Prisma 的知识库启动器，提供所见即所得与 Markdown 双编辑器、多知识库、多语言、简单统计以及 Supabase 图片存储。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-07查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

基于 Tiptap 的所见即所得编辑器，集成 Novel.sh 的 AI 建议

基于 Monaco 的 Markdown 编辑器

支持创建多个知识库，分类与文章可配置多语言

文章支持草稿、复制、SEO 标题/描述/图片设置

记录浏览量、赞成与反对票的简单统计

通过 Supabase Storage 上传文章图片，并支持知识库导入导出

模板详细介绍

这个模板是 SaasRock 产品中知识库功能的独立版本，作者参考 Intercom 与 Crisp 的帮助中心设计。它使用 Remix 与 React 构建，样式基于 Tailwind CSS，数据层通过 Prisma 访问数据库。

内容编辑提供两种方式：基于 Tiptap 的所见即所得编辑器（带 AI 建议，来自 Novel.sh），以及基于 Monaco 的 Markdown 编辑器。知识库本身支持创建多个实例，分类与文章可配置多语言，文章可保存为草稿后再发布，也可复制现有文章作为起点。

配套功能包括：文章可设置 SEO 标题、描述与图片；记录浏览量、赞成与反对票的简单统计；通过 Supabase Storage 上传文章图片；以及知识库的导入与导出。

使用前需要自行准备数据库连接，并让 schema.prisma 中的 provider 与 DATABASE_URL 一致，然后执行 Prisma 迁移或推送。图片存储依赖 Supabase，属于外部服务。仓库以 MIT 许可发布，但演示图片、字体、图标等第三方素材需单独核对许可，域名、托管、数据库与 AI 等外部服务也可能产生费用。

RemixReact启动器

适合你的项目吗？

适用场景

为产品搭建对外帮助中心或文档站点
在 SaaS 产品内部维护多语言知识库
需要同时使用所见即所得与 Markdown 两种编辑方式的团队
希望基于 Remix 与 Prisma 自行扩展知识库功能的开发者

适合人群

熟悉 Remix、React 与 Prisma 的开发者
需要多知识库与多语言内容管理的团队
愿意自行配置数据库与 Supabase 存储的项目
接受 MIT 许可并需自行核对第三方素材许可的使用者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
运行 npm install 安装依赖
2
确保 schema.prisma 的数据库 provider 与 DATABASE_URL 一致，再执行 npx prisma migrate dev --name init 或 npx prisma db push 初始化数据库
3
运行 npm run dev 启动开发服务器
4
图片上传依赖 Supabase Storage，需自行配置对应服务
5
演示图片、字体、图标等第三方素材需按各自许可单独核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
图片上传功能依赖外部服务 Supabase Storage，使用者需自行注册并配置 Supabase 账号与存储桶，否则无法使用文章图片上传。
使用前必须自行准备数据库，并确保 schema.prisma 中的 provider 与 DATABASE_URL 一致，否则无法初始化数据库。
所见即所得编辑器的 AI 建议功能依赖 Novel.sh 相关服务，可能需要额外的外部 AI 服务或 API 配置。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

**Image storage** with Supabase: Upload article images to [Supabase](https://supabase.io) Storage.
README 原文

2. Initialize the database _(the `schema.prisma` db provider must match the `DATABASE_URL` provider)_:
README 原文

- **WYSIWYG** editor: [Tiptap](https://tiptap.dev/) editor with AI-powered suggestions (thanks to [Novel.sh](https://novel.sh/?ref=saasrock-kb))
README 原文

https://github.com/AlexandroMtzG/remix-knowledge-base/blob/main/LICENSE https://github.com/AlexandroMtzG/remix-knowledge-base/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-07。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 77 / 100
技术栈: Remix · React
网站类型: 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2024-02-09
截图检查日期: 2026-10-07

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Remix。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-08

查看当时使用的来源资料

SHA-256: f345b113e3d466db360d82fc697852ee8a02901692d1f6dcee34b06b0423dd7a

2026-10-07T22:20:34.973Z

来源文件 / 仓库

# Remix Knowledge Base

This is the Knowledge Base feature of [SaasRock](https://saasrock.com/?ref=saasrock-kb&utm_source=readme). I used **Intercom** and **Crisp** help centers as "inspiration" 😛.

![SaasRock KB](https://yahooder.sirv.com/saasrock-kb/cover.png)

### Demo

- Demo: [https://saasrock.com/docs](https://saasrock.com/docs)
- [Watch the introduction video demo](https://www.loom.com/share/c5d6a04da4214e3689b38d0e5d211e25)

### Getting Started

1. Install dependencies:

```
npm install
```

2. Initialize the database _(the `schema.prisma` db provider must match the `DATABASE_URL` provider)_:

```
npx prisma migrate dev --name init
```

or

```
npx prisma db push
```

3. Start the development server:

```
npm run dev
```

### Features

- **WYSIWYG** editor: [Tiptap](https://tiptap.dev/) editor with AI-powered suggestions (thanks to [Novel.sh](https://novel.sh/?ref=saasrock-kb))
- **Markdown** editor: [Monaco](https://github.com/suren-atoyan/monaco-react) editor with markdown support.
- **Multi-knowlege-base** support: Create multiple knowledge bases for different purposes.
- **Multi-language** support: Add categories and articles in multiple languages.
- **Simple Analytics**: Views, Upvotes, and Downvotes tracking.
- **Image storage** with Supabase: Upload article images to [Supabase](https://supabase.io) Storage.
- **SEO**: Add SEO title, description, and image to your articles.
- **Article Duplication**: Duplicate articles so you don't start from scratch.
- **Article Drafts**: Save your articles as drafts and publish them when you're ready.
- **Import and Export**: Don't lose your data, import and export your knowledge bases.

### Community

- Join the [Discord](https://discord.gg/KMkjU2BFn9) to chat with other SaasRock users or to DM me directly.
- Follow [SaasRock](https://twitter.com/saas_rock) or [me](https://twitter.com/AlexandroMtzG) on Twitter.

### SaasRock

If you liked this project, you might also like [SaasRock](https://saasrock.com/?ref=saasrock-kb&utm_source=readme), a SaaS starter kit that helps you build your SaaS faster.

### License

Licensed under the MIT License.

### Sponsor

If you find **SaasRock KB** useful and would like to support its development, consider becoming a sponsor. Your sponsorship will help ensure the continued maintenance and improvement of this project.

You can sponsor me on [GitHub Sponsors](https://github.com/sponsors/AlexandroMtzG). Every contribution is highly appreciated!

反馈内容错误