在降价中嵌入javascript

我也遇到过同样的问题,但是我通过在开始标记后放置一个换行符,设法让javascript出现在我的代码中。

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

• 将此添加到默认布局:

  <!-- 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 front matter for Jekyll and nested lists 详情)

markdown支持内联xhtml,但不支持javascript。

他们举的例子 on their site 显示空的 <script> 包含换行符的标记。也许就是这样?

你可以用 pandoc ,它可以很好地处理这个输入(通常是javascript)。

我发现转义开头和结尾“script”标记中的结束“>”符号将正确显示它,例如:

• 如果您键入以下内容:

  <script\>... javascript code...</script\>
  

• 它将呈现如下:

  <script>... javascript code...</script>
  

那只是我的两分钱。

根据我的经验,只要删除可能会混淆markdown的代码格式,markdown就会将javascript文本输出为纯文本。

1. 从javascript删除注释,as/*…*/翻译为<em>
2. 删除每行前面的空格缩进。<p>可以根据缩进插入。

基本上,我所做的就是检查生成的html,并通过标记找出在javascript代码之间插入了哪些额外的标记。并删除生成额外标记的格式。

一个好主意是将本地和云js源分离:

在post文件中:

cloudjs:
 - //cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js
 - //cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js
localjs:
 - datamaps.world.min.js
 - custom.js  

在页脚包含后的默认文件中:

   {% for js in page.cloudjs %}

        <script type="text/javascript" src="{{ js }}"></script>

    {% endfor %}


    {% for js in page.localjs %}

        <script type="text/javascript" src="{{ "/assets/scripts/" | prepend: site.baseurl | append: js }}"></script>

    {% endfor %}

只需缩进包含<脚本>标记的第一行。