0

如何使用我的 html 模板解析 markdown 以将一些代码块从 *.md 截断或移动到 html？

我有这样的降价文件：carrot_soup.md

Very nice carrot soup
============

I'd like soup like this:

### Ingredients ###

      * carrots
      * celery
      * lentils

### Coocking ###

Boil some water. And eat it with all Ingredients

我需要将其解析为如下内容：

<div class="head"">
<h1>Very nice carrot soup</h1>
<p>I'd like soup like this:</p>
</div>
<!-- Something else -->

<div class="Ingredients">
<ul>
<li>carrots</li>
<li>celery</li>
<li>lentils</li>
</ul>
</div>

<div class="Coocking">
<p>Boil some water. And eat it with all Ingredients</p>
</div>

我需要将一些降价数据从一个降价文件移动到我的 html 模板中的不同部分

我有：

1) html 模板 2) 静态构建引擎 3) 带有降价代码的文件

在我的 html 模板中，我有一些<div>部分，我需要将 markdown 数据与 html 模板结合起来，而不是按原样。我需要削减一些降价代码并将此代码放入不同的 html<div>部分。怎么做？

4

1 回答 1

0

回答问题

正如您的降价现在所读的那样，这很难做到，因为降价中没有任何东西可以提取其中的一部分。如果您不想更改降价格式（或使用更适合此的格式），那么您可以在客户端使用一些 javascript（或者可能是 css）。将“其他”部分放在生成代码的末尾，并带有您使用 javascript 找到的 id。将其移动到您想要的位置。如果你总是有一个名为成分的标题，你应该能够查询该元素并在它之前插入其他内容。如果你可以忍受用 div 包装你的降价部分，那么它可能会更安全一些。

更好的选择

我不知道 jekyll，但我使用的 nanoc 有一个标题，您可以将其放入源文件中，您可以从布局中提取信息。我会把标题和描述放在那里，然后在我的布局中把它们拉出来。nanoc 降价文件如下所示：

---
title: Very nice carrot soup
kind: recipe
created_at: 2013-10-03 1:59:00
author: fredrik
description: This is some really good carrot soup.....
---
### Ingredients ###

  * carrots
  * celery
  * lentils

### Cooking ###

Boil some water. And eat it with all Ingredients

布局将提取标题和作者。片段：

<div class="head">
    <h1><%= @item[:title] %></h1>
    <p><%= @item[:description] %></p>
</div>
<%= add_some_more_stuff %>
<%= yield %>

你可能可以用 jekyll 做类似的事情。

于 2013-10-10T08:45:45.000 回答