Kodemo 是一个免费的开源在线编辑器，可帮助您以引人入胜且直观的格式编写技术文档、代码教程、演练等。它是对代码、图像等进行更改的理想工具。通常，我们在万维网上遇到的技术文档非常难以理解，格式不当且非常静态。Kodemo 试图通过为您提供一些易于使用且现成的工具来改变这种方法，用于创建有吸引力的文档和教程以及动画，使学习者更容易理解它们以及有趣的元素。特征：故事和主题：Kodemo 将内容分为两个不同的区域，称为故事和主题。故事是您进行所有写作的地方，而主题显示在支持软件代码、图像和 iframe 的右侧选项卡中。每个主题都可以拥有许多特定于上下文的字段，例如图像的宽度和高度或网站链接的 URL 值。效果：您可以将故事的任何部分链接到主题，以便在观看者阅读故事中的相应文本时自动显示主题。除此之外，您还可以使用效果将主题的特定部分呈现在视图中，例如聚焦于图像中的兴趣点或滚动浏览特定的代码留置权。图像高光：您可以通过创建高光轻松地浏览图像的不同部分。文档可以在 Kodemo 云中共享。或者，您也可以使用 Kodemo 包将其与您自己的应用程序集成。本文末尾提供了下载此软件包的链接。怎么运作的：1. 使用我们在本文末尾提供的链接导航到 Kodemo，使用您的 Google 或 GitHub 凭据注册一个免费帐户，然后单击“新文档”开始。这将带您进入 Kodemo 编辑器，其中执行大部分工作。2. 单击右侧窗格顶部的“+”号，然后选择要插入的代码类型。此外，您还可以单击菜单中的“嵌入 iframe”以嵌入任何 HTML 元素。3. Kodemo 编辑器还允许您将任何代码或图像文件拖放到编辑器中，例如 .cpp、.css .java。.html、.php、.png、.jpg、.webp 等等4. 在左侧面板的“故事”部分中键入或粘贴所需的文本。要设置文本格式，请选择并右键单击它以显示一个小工具栏。您可以使用此工具栏将文本格式化为具有多种大小、项目符号列表等的段落或标题。5. 要添加效果，请在故事面板中选择任何文本，然后使用鼠标右键显示工具栏，然后单击工具栏最左侧的“创建效果”图标。6. 通过单击面板顶部的任何主题选项卡，选择要为其添加此效果的“主题”。如果主题是软件代码或某些文本，您可以单击行号以突出显示这些行。您可以使用 Shift + 单击来切换多行。选择完线并突出显示它们后，单击“完成”。现在，当用户浏览故事中的文本时，Kodemo 将直接显示相应的主题选项卡，其中包含突出显示的文本。预览文本效果7. 如果“主题”选项卡包含图像，您将能够使用单击并拖动在图像中的任何区域绘制一个矩形框。现在，当用户遇到有问题的故事文本时，Kodemo 将自动显示相应的主题选项卡，其中包含图像和图像中突出显示的区域。预览图像效果8. 要共享您的文档/教程以便公众可见，请单击 Kodemo 徽标旁边的向下箭头，然后选择“共享”。您现在可以复制公共 URL 并与您想要的任何人共享。9. 在编辑过程中的任何时候，如果您想预览文档并验证效果，请单击“故事”面板顶部的“眼睛”图标。9. 您可以使用各种配置选项和 JSON 进一步微调 Kodemo Player 和 Editor 的行为和视觉效果。单击此处了解有关它们的更多信息。要浏览您在 Kodemo 云中保存的文档和教程列表，请单击 Kodemo 徽标旁边的向下箭头，然后选择“我的文档”s:有了 Kodemo，您的文档和教程不再需要枯燥乏味，无法引起读者或学习者的任何兴趣。它是一个很棒的开源在线工具，可以以非常直观和有吸引力的格式起草交互式技术文档、代码教程、演练等。单击此处导航至 Kodemo。
