如何使用 GatsbyJS 在从 markdown 呈现的页面上运行外部文件中的代码?



我目前正在使用Gatsby构建一个网站,该网站从markdown文件呈现页面。在某些页面上,我想运行包含在外部文件中的代码。这包括从foo.js运行JavaScript,从bar.css导入CSS和/或从baz.html显示HTML。

有没有办法在降价中动态指定我要从另一个文件运行代码?

答案取决于你动态说时的意思。不能在原版 Markdown 中使用任何形式的控制流(if、else等(。因此,您无法真正动态导入文件。

考虑到这一点,如果您只是想是否可以将脚本/样式导入 Markdown,那么答案在于您用于将 Markdown 文件转换为 HTML 的软件。

首先,根据降价文档:

对于 Markdown 语法未涵盖的任何标记,您只需使用 HTML 本身即可。没有必要在它前面加上或分隔它来表明你正在从 Markdown 切换到 HTML;您只需使用标签。

因此,您可以尝试像通常在 HTML 中一样简单地添加<script>/<link>标签。这是否适合您的目的将取决于盖茨比的降价转换器(备注(如何处理转换。可能还有其他内部盖茨比机制需要考虑,但这应该有望作为一个起点有所帮助。

最新更新