通过我的模板将一些降价数据从一个降价文件移动到 <div> html 中的不同部分


部分。

如何使用我的 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( 网页模板2( 静态构建引擎3( 带有降价代码的文件

在我的 html 模板中,我有一些<div>部分和我需要将降价数据与 html 模板相结合,而不是按原样。我需要剪切一些降价代码并将这些代码放入不同的 html <div>部分。怎么办?

回答问题

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

更好的选择

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

---
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 %>

你可能可以用杰基尔做类似的事情。

相关内容

  • 没有找到相关文章

最新更新