文章如何变成外链文件呢(视频外链生成工具)_网络推广

这个开源工具可以轻松将 Markdown 转换为网页。

将 Markdown 文件直接变成网页，还无需搭建网站和生成过程，写完文档即可直接发布，你对这个内容感兴趣吗？你是否希望将 Markdown 或 HTML 自由地嵌入到多个平台（如内容管理系统或学习管理系统）中？由 Docsify.js构建的开源项目Docsify-This提供了一种简单的方法来发布、分享和复用 Markdown 文件内容。

使用 Docsify-This，你可以立即将任何 Markdown 文件转换为响应式的独立网页。你还可以将多个 Markdown 文件链接起来，以创建一个简单的网站。网页设计师可以简单地通过点击 Web 页面生成器界面或改变网页的地址参数（即 URL），来更改所显示页面的视觉外观。在创建自己的 Markdown 文件内容时，你还可以使用一组提供的 Markdown CSS 类。此外，如果你使用 Codeberg 或 GitHub 仓库存储 Markdown 文件的话，每个页面都会自动提供一个 “编辑此页面Edit this Page” 的链接，以支持协同创作。

并且 Docsify-This 是开源的，因此你可以使用自定义域名托管 Docsify-This 实例，而不会有被平台锁定的风险。

要使用网页生成器，请先打开浏览器，导航到 Docsify-This 网站或你在本地的实例。在 “网页生成器Web Page Builder” 部分，输入 Codeberg 或 GitHub 上公共存储仓库中的一个 Markdown 文件的 URL（其他 Git 主机可以通过 Docsify-This URL 参数进行使用，但不能在网页生成器中使用），然后点击 “发布为独立网页Publish as Standalone Web Page” 的按钮，如下图所示。

Markdown 文件将呈现为一个独立的网页，并生成一个可复制和共享的 URL。以下是一个示例 URL：

Docsify-This 生成的网页非常适合嵌入，可以将 Docsify-This 页面的视觉样式调整到目标平台上去。

你也可以通过直接编辑 Docsify-This URL 参数 homepage 来渲染同一存储库中的其他 Markdown 文件。例如：

你可以使用 URL 参数更改 Docsify-This 中显示的任何 Markdown 文件的外观。例如， font-family （文本字体系列）、 font-size （字体大小）、 link-color （超链接颜色）和 line-height （行高）都是常见的 CSS 属性，同时也是 Docsify-This 中的有效参数：

你也可以使用一组特殊的 Markdown CSS 类来改变网页的外观。例如，你可以为一个链接添加“按钮类”：

这将产生一个按钮，而不是一个文本链接：

除了 Docsify-This 支持的 Markdown CSS 类，你也可以在Markdown 文件中使用自定义类。例如：

使用这个自定义类将生成这样的按钮：

正如标准 Markdown 所支持的那样，你可以在 Markdown 文件中包括 HTML 片段。这允许你在你的 HTML 渲染中添加布局元素。例如：

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

你可以在几乎所有的平台上使用 iFrame 嵌入 Docsify-This 网页。你还可以使用 URL 参数来确保你的嵌入内容与你的目标平台相匹配：

在某些学习管理系统中，包括开源的 Moodle，或者专有的Canvas，你可以将外部网页链接到课程导航菜单。例如，你可以使用 Canvas 中的重定向工具来显示 Docsify-This 网页。

为了充分利用版本控制的好处，并使用 “编辑此页面Edit this Page” 的链接进行协同工作，请将你的 Docsify-This Markdown 文件存储在 Codeberg 或 GitHub 的 Git 存储库中。一些开源工具为 Git 提供了一个图形界面，包括 GitHub Desktop（最近已开源）、Git-Cola和SparkleShare。文本编辑器 VSCode 和 Pulsar Edit（以前的Atom.io）也都有整合 Git 的功能。

由于 Docsify 的存在，每个人都能享受到 Markdown 文件的在网上发布的好处。而且由于 Docsify-This 的出现，这个工作变得很容易。不妨在 Docsify-This 网站上试试吧。

（题图：MJ/f38f0a40-002b-4e93-9697-e008205c1211）

via: https://opensource.com/article/23/5/docsify-markdown-html

作者：Paul Hibbitts选题：lkxed译者：chai001125校对：wxy

本文由 LCTT原创编译，Linux中国荣誉推出

本文链接：https://www.24zzc.com/news/169391233129579.html