在现代内容创作和协作平台中,Notion无疑是备受推崇的一款工具。而现在,有一个开源项目------Novel,它不仅提供了类似Notion的所见即所得(WYSIWYG)编辑功能,还集成了强大的AI自动补全功能,极大地提升了编辑体验。
项目地址和展示
https://github.com/steven-tey/novel
部署你的Novel
如果你想快速体验Novel,你可以通过Vercel一键部署自己的版本。点击"Deploy with Vercel"按钮,几分钟内即可在云端运行。
本地环境搭建
当然,如果你更喜欢在本地运行和开发,这个项目也提供了详细的步骤:
克隆仓库:
go
https://github.com/steven-tey/novel.git
cd novel
设置环境变量:
-
OPENAI_API_KEY:你的OpenAI API密钥,可以在OpenAI官网获取。
-
BLOB_READ_WRITE_TOKEN:你的Vercel Blob读写令牌,目前还在测试阶段,但你可以通过填写此表单申请访问权限。
如果你已经在Vercel上部署了这个项目,还可以通过vc env pull命令从Vercel项目中拉取环境变量。
跨框架支持
虽然Novel主要是为React构建的,但项目也有一些由社区维护的非React框架包:
-
Svelte: Novel for Svelte
-
Vue: Novel for Vue
技术栈
Novel的构建基于以下技术栈:
-
Next.js:框架
-
Tiptap:文本编辑器
-
OpenAI:AI自动补全
-
Vercel AI SDK:AI库
-
Vercel:部署平台
-
TailwindCSS:UI样式框架
-
Cal Sans:字体
通过这些技术,Novel为用户提供了一个强大而灵活的内容编辑平台。无论是个人使用还是团队协作,都能够极大地提高效率。
结束
Novel不仅是一个编辑器,更是一个创作的伙伴。通过AI的加持,写作变得更加轻松和高效。试想一下,当你写下几个词句,AI已经为你想好了接下来的内容,这种体验无疑是革命性的。如果你对前端开发和AI技术感兴趣,不妨试试这个项目,感受一下技术带来的便捷和乐趣。