2016-10-16 31 views
0

我正在使用Jekyll页面,该页面显示其标记语法突出显示代码的项目列表。我有一个数据文件,这样Jekyll语法突出显示数据变量

# myitems.yaml 
id: 'someID' 
updated: 'someDate' 

items: 
    - item: 
    id: "0001" 
    content: " 
*This is italicized*, and so is _this_. 
**This is bold**, and so is __this__. & 
Use ***italics and bold together*** if you ___have to___. 
``` html 
<script>alert() some content</script> 
<p>paragraph</p> 
```" 
    - item: 
    id: "0002" 
    content: "some more content" 

内容所以items[].content有降价+一些代码是语法高亮。

我在我的items.html液体访问这些数据作为

<ul> 
{% for item in site.data.myitems.items %} 
    <li id="{{item.id}}"> 
     <div>{{ item.content | strip | markdownify}}</div> 
    </li> 
{% endfor %} 
</ul> 

我使用胭脂语法高亮。 markdown已正确解析为html,但html语法突出显示在items.html部分中不起作用。语法高亮显示工作正常在岗的身体,但不是在{% include items.html %}

items输出我得到的是:output image

<em>This is italicized</em>, and so is <em>this</em>. <strong>This is bold</strong>, and so is <strong>this</strong>. &amp; Use <strong><em>italics and bold together</em></strong> if you <strong><em>have to</em></strong>. <code class="highlighter-rouge">html &lt;script&gt;alert() some content&lt;/script&gt; &lt;p&gt;paragraph&lt;/p&gt;</code> 

任何帮助吗?

回答

1

通过使用管道而不是常规字符串引号解决。

-item: 
    id:"0001" 
    content: | 
    *This is italicized*, and so is _this_. 
    **This is bold**, and so is __this__. & 
    Use ***italics and bold together*** if you ___have to___. 
    ``` html 
    <script>alert() some content</script> 
    <p>paragraph</p> 
    ```