在 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 。