javascript - 将 HTML 插入 Jekyll post

Question

我想在 Jekyll 帖子中包含一些 Web Audio API HTML5 代码。这是我想要包含的 HTML 页面 + Javascript 代码的克隆:

查看源代码:http://www.smartjava.org/examples/webaudio/example3.html

这应该如何实现？

Answer 1

实际上，如果您使用 markdown 来创建您的帖子，您可以使用 Liquid 的 include 标签。

您只需在项目的 DocumentRoot 中创建一个名为 _includes/ 的文件夹，然后在其中创建一个 HTML 文件，例如“mycomponent.html”并在您的帖子中调用它像这样:

{% include mycomponent.html %}

这个文件可以有任何你想要的 HTML/CSS/JS。

注意如何只包含 HTML 文件；外部 CSS/JS 可以包含在您正在使用的布局中。