Jekyll在生成博客文章时插入额外的代码

Question

我正在创建我的第一个Jekyll网站。我尝试包括一个博客部分，该部分是从现有的非Jekkyll版本复制而来的，以转换采用硬编码html的现有博客页面。

我将我的页眉，导航和页脚html放在_include文件中。然后将它们合并到还包含{{content}}

的布局文件中

我从旧的html文件中删除了页眉，导航和页脚，并且只在正文的.markdown文件中添加了正文。

我原本希望将markdown文件的内容包含在{{content}}的位置上……但是确实如此，Jekyll似乎也将其包含在{{content}}内容之前：

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>

因此，我没有看到自己生成的html，而是看到了html的“代码”版本。这些额外的代码是从哪里来的，我该如何解决？

Answer 1

  

这些额外的代码从哪里来？。

您看到的额外代码<div class="highlighter-rouge"><div class="highlight">是语法突出显示的标志。

语法突出显示以 2种方式：

• 当您在三个反引号和一种语言```ruby

  中括上一段文本时

  ```ruby
  def some_method
    # do something
  end
  ```
  

  成为

  def some_method
    # do something
  end
  

  （上面的代码块在生成的index.html中将具有相同的额外代码）

---

• 将kramdown内容缩进4个以上空格

        ## Heading 2
  
        Some Markdown text here.
        Lorem Ipsum [dolor](sit/amet/index.html)
  

  成为针对语言plain-text突出显示的Markdown的未渲染块

  ## Heading 2
  
  Some Markdown text here.
  Lorem Ipsum [dolor](sit/amet/index.html)