对于Jekyll来说我还很陌生，我不确定如何为自己正在研究的项目创建一个嵌入了p5.js草图的网站。
我怀疑这与依赖关系有关，我将非常感谢我能获得的任何帮助/指针！
答案 0 :(得分：1)
Jekyll和P5.js的组合没有什么特别之处。
需要理解的是，Jekyll的输出只是常规HTML。您可以在任何HTML页面内包含一个P5.js草图。因此，您可以在Jekyll中包含P5.js。
Here是一个示例页面，该页面在使用Jekyll创建的网站中嵌入了P5.js草图。 Here是该页面的源标记。 Jekyll接受该减价并输出HTML。
很难做到比这更具体，但是对您的问题的一般答案是集中在HTML上，集中在您遇到的任何错误上。
如果仍然无法解决问题，请发布新问题，其中包括指向显示错误的示例Jekyll回购示例的链接，并在帖子中包含完整错误。
答案 1 :(得分：0)
我想知道同样的方法，@ Kevin Workman的示例是否起作用。请注意，您不需要在脚本对象中添加整个javascript代码，您可以指向它（我一个小时前才知道其中的任何内容）
您可以在帖子的.md文件中添加类似的内容，以引用名为“ myjavascriptfile.js”的文件。请注意，您也可以使用p5.js文件的托管版本
<div id="sketch-holder"></div>
<script src="https://cdn.jsdelivr.net/npm/p5@1.1.9/lib/p5.js"></script>
<script src="myjavascriptfile.js"></script>
“ sketch-holder”功能使您对草图有更多控制，并需要将其添加到setup（）函数中：
function setup() {
....
const canvas = createCanvas(something, something)
canvas.parent('sketch-holder')
....
}