GitHub开源推荐:AI加持的Notion风格编辑器Novel

0a7ec6e7bcff5612689d555dbb474311.png


在现代内容创作和协作平台中,Notion无疑是备受推崇的一款工具。而现在,有一个开源项目——Novel,它不仅提供了类似Notion的所见即所得(WYSIWYG)编辑功能,还集成了强大的AI自动补全功能,极大地提升了编辑体验。

项目地址和展示

https://github.com/steven-tey/novel

部署你的Novel

如果你想快速体验Novel,你可以通过Vercel一键部署自己的版本。点击“Deploy with Vercel”按钮,几分钟内即可在云端运行。

本地环境搭建

当然,如果你更喜欢在本地运行和开发,这个项目也提供了详细的步骤:

克隆仓库:

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技术感兴趣,不妨试试这个项目,感受一下技术带来的便捷和乐趣。

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 13:30:01       4 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 13:30:01       5 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 13:30:01       4 阅读
  4. Python语言-面向对象

    2024-07-10 13:30:01       5 阅读

热门阅读

  1. android paddingStart paddingLeft 使用区别

    2024-07-10 13:30:01       13 阅读
  2. 【ARMv8/v9 GIC 系列 5.7 -- 中断路由与系统寄存器】

    2024-07-10 13:30:01       11 阅读
  3. python在人工智能领域中的应用

    2024-07-10 13:30:01       9 阅读
  4. 互联汽车的RF挑战和解决方案

    2024-07-10 13:30:01       9 阅读
  5. 如何在vue3中实现动态路由

    2024-07-10 13:30:01       7 阅读
  6. 使用RAGAs评估基于Milvus Cloud的RAG应用

    2024-07-10 13:30:01       12 阅读
  7. electron通信与持久化存储

    2024-07-10 13:30:01       10 阅读
  8. Electron Forge 打包更改打包后图片

    2024-07-10 13:30:01       11 阅读
  9. 【ES】--Elasticsearch的高亮模式

    2024-07-10 13:30:01       12 阅读
  10. JVM专题九:JVM分代知识点梳理

    2024-07-10 13:30:01       8 阅读
  11. 谈谈检测浏览器类型

    2024-07-10 13:30:01       7 阅读
  12. npm 常用命令详解与实践

    2024-07-10 13:30:01       11 阅读
  13. node.js 面试题 1

    2024-07-10 13:30:01       8 阅读