如何使用我的 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 %>
你可能可以用杰基尔做类似的事情。