在markdown中嵌入javascript

Question

我正在使用Maruku降价处理器.我喜欢这个

*blah* blah "blah" in [markdown](blah)

<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
...do stuff...
</script>

但是当我用大量错误渲染它时它会抱怨.第一个是

 ___________________________________________________________________________
| Maruku tells you:
+---------------------------------------------------------------------------
| Could you please format this better?
| I see that "<script type='text/javascript'>" is left after the raw HTML.
| At line 31
|   raw_html     |<script src='http://code.jquery.com/jquery-1.4.2.min.js' /><script type='text/javascript'>|
|       text --> |//<![CDATA[|

然后其余部分似乎解析器变得疯狂.然后它将javascript渲染到页面上的div中.我试过把它变成CDATA块,并在jquery和我的脚本之间留出额外的间距.

救命？

Answer 1

我遇到了同样的问题,但是我设法通过在开始标记之后添加换行符来使JavaScript出现在我的代码中.

Answer 2

在某些情况下可能有效的不同解决方案:(当我尝试嵌入CodePen示例时,所选答案对我不起作用)

• 将其添加到您的默认布局:

  <!-- Custom JavaScript files set in YAML front matter -->
  {% for js in page.customjs %}
  <script async type="text/javascript" src="{{ js }}"></script>
  {% endfor %}
  

• 在您需要一些JavaScript文件的帖子中,您可以在YAML前端添加它们,如下所示:

  ---
  layout: post
  title: Adding custom JavaScript for a specific post
  category: posts
  customjs:
   - http://code.jquery.com/jquery-1.4.2.min.js
   - http://yourdomain.com/yourscript.js
  ---
  

在async可能没有必要或希望,但你很可能添加的是,由于参数customjs.(有关详细信息,请参阅YAML Jekyll的前端事项和嵌套列表)

Answer 3

Markdown 支持内联 XHTML，但不支持 Javascript。

Answer 4

我使用这段代码在 Markdown 中编写 JavaScript 代码。

只需添加jsafter "```"，您的 JavaScript 代码就会高亮显示。

 ```js
   const myvar = "hello"
   module.exports.response = response = ()=>{mycode here}
    ```