插入代码 - 降价。液体异常

Question

我正在使用 jekyll 2.5.3 写博客。我试着这样做：

{% highlight javascript %}
class RandomQuotes extends React.Component {
  render() {
    return (
      <React.NavigatorIOS
        style={styles.container}
        initialRoute={{
          title: 'Random Quotes',
          component: titleApp
        }}/>
    );
  }
}   
{% endhighlight %}

但是因为这部分 initialRoute={{.... }} 我得到这个错误

Liquid Exception: Variable '{{' was not properly terminated with regexp: /\}\}/ in... [my markdown file]

有人可以帮我解决这个问题吗？

谢谢。

Answer 1

为了避免 Liquid 变量或标签解析，您可以使用 {% raw %} 标签：

{% highlight javascript %}
class RandomQuotes extends React.Component {
  render() {
    return (
      <React.NavigatorIOS
        style={styles.container}
        initialRoute={% raw %}{{
          title: 'Random Quotes',
          component: titleApp
        }}{% endraw %}/>
    );
  }
}
{% endhighlight %}

插入代码 - 降价。液体异常

Insert code - Markdown. Liquid Exception

markdown

liquid

jekyll