Loving Tina? us on GitHub0.0k
介绍视觉开放创作
March 9, 2020
By Scott Gallant

我们专注于整体上改善独立网络。我们希望打造帮助人们构建更好网站和创建更好内容的工具。

为了实现这一使命,我们试图创建我们称之为视觉开放创作 ✍️ 的东西。开放创作概念最初由Decap CMS(前身为Netlify CMS)在去年夏天开创,涉及开放你的网站CMS以接受任何人的内容相关贡献。使用Tina,我们能够更进一步,在页面本身建立编辑上下文。

为您的网站添加“编辑模式”

想象一下: 在你的网站上,有一个*“在GitHub上编辑此页面”*的链接——这已经很熟悉了。但想象一下,当你点击它时,网站本身变得可编辑,就像一个Google文档

这种体验对于使用过文字处理器或网站构建器的人来说应该很熟悉。你导航到想要更改的页面,点击“编辑”,在所见即所得编辑器中进行更新,然后提交更改。就是这样 🧞‍♂️。

TinaCMS 视觉开放创作

引擎盖下是什么?

视觉开放创作的基础是基于Git的工作流程。触发“编辑模式”会创建一个新的分支来跟踪和提交更改。当内容更新准备就绪时,编辑者可以创建一个拉取请求。网站所有者可以在上线之前审核工作。

目前,这需要一个GitHub账户和一些Git工作流程的知识,使开放创作非常适合以开发者为中心的网站(文档、维基等)。很快,我们将开放Tina Teams,以便没有GitHub账户的人也可以轻松实时编辑。

我们目前正在自己的网站上进行原型设计。在接下来的几周内,集成视觉开放创作与Tina的API将会开放。同时,点击本博客顶部的编辑按钮来试用一下。随时参考本网站的源代码以了解其工作原理。

edit

使用Next.js启用“编辑模式”

Next.js 9.3中宣布的新功能对于提供视觉开放创作的理想体验至关重要。预览模式功能允许我们默认托管一个完全静态的网站,但对于拥有特殊“预览”cookie的用户切换到运行服务器代码的动态模式。我们所称的视觉开放创作的“编辑模式”与Next.js的“预览模式”相同。

网站默认静态运行,然后响应特定用户操作“唤醒”成动态Web应用程序的能力是革命性的。它显著简化了使用Tina操作编辑环境的顾虑。通过这种工作流程,我们不必托管一个单独的云编辑环境——实时网站就是编辑环境! 借助Git和我们的基于分支的工作流程,我们可以无忧无虑地从生产网站编辑内容。

众包您的内容

视觉开放创作是一种独特的、低摩擦的网站编辑方法。感谢聪明的Next.js预览模式、Tina的内容灵活性和无缝的内联编辑体验,我们已准备好迎接数字内容革命。

如果在《纽约时报》上修正一个拼写错误是轻而易举的呢?想象一下瞬间为ReactJS文档做出贡献。

网络就是关于社区、众包和多种观点的力量。贡献内容越容易,我们就能纳入更多的观点。上下文切换越少,创意表达的空间就越多

让我们民主化内容,增强独立网络。