在 Markdown 中运行 Javascript/jQuery

Question

目前，我在 Github Pages 上托管了一个网站，该网站在 Jekyll 上运行，主 index.html 文件作为主页链接到用 Markdown 编写的页面。我让 Fluidbox jQuery 插件在 HTML 中正常工作，但在我的 Markdown 文件中无法正常工作。我将 jQuery 代码放到了每个页面上加载的页脚中：

<!-- Load jQuery -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

	<!-- Load plugins -->
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
	<script type="text/javascript" src="./fluidbox/js/jquery.fluidbox.min.js"></script>

	<!-- JS Functions -->
	<script>
	    $(function () {

	        // You can use any kind of selectors for jQuery Fluidbox
	        $("a[data-fluidbox]").fluidbox();

		});
	</script>

</footer>

然后我用

<a href="path to image" data-fluidbox><img src="path to image" alt="" width="100%" height="auto"/></a>

实现插件对图像的效果。这适用于我的 HTML 文件而不是我的 Markdown 文件。如何在 Jekyll Markdown 文件中正确运行 jQuery 插件？

Answer 1

你不能在 markdown 文件中运行 HTML/JS，仅仅因为 Markdown 实际上并不是任何理解如何运行 HTML/JS 的东西。您的 Markdown 文件正确呈现的唯一原因是 Jekyll 正在解析您的 Markdown 文件并在幕后将它们呈现为 HTML/JS。

如果您想在某些文件中使用 Markdown 的同时运行一些 HTML/JavaScript，那么最好让您的 HTML 文件呈现 Markdown 片段，然后您可以添加任何您需要的 HTML/CSS/JS，因为，这是一个HTML 文件。在此处查看如何在 HTML 文件中嵌入 Markdown。