在Markdown中運行Javascript/jQuery

Question

目前我有一個網站託管在Github頁面上，該網站在Jekyll上運行，主index.html文件作爲鏈接到用markdown編寫的頁面的主頁。我得到了Fluidbox jQuery插件在HTML中正確工作，但不在我的markdown文件中。我放棄了我的頁腳中的jQuery代碼這是每一個頁面上加載：

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

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

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

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

 
\t \t }); 
 
\t </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。您的降價文件正確呈現的唯一原因是因爲Jekyll正在解析您的降價文件並在幕後將它們呈現爲HTML/JS。

如果您希望在某些文件中使用Markdown的同時運行某些HTML/JavaScript，則最好使HTML文件呈現markdown片段，然後再使用任何HTML/CSS/JS，您可以添加這些內容，好吧，它是一個HTML文件。看看how you would embed markdown in an HTML file here。