LiveMark - 标记静态页面生成器,具有图表,表和脚本

2021-06-16 00:49:05

LiveMark是一个静态页面生成器,它与交互式图表,表,脚本等扩展了Markdown。

构建/启动LiveMark时,它需要您的索引.md(或提供的文件)并生成相应的HTML文件。它将标记扩展为它' s在下面的部分中解释。

LiveMark使用Jinja模板语言对您的文档进行预讨论。内部模板,它提供无摩擦框架作为与表格数据一起使用的无摩擦变量。它' s高级预处理,因此您可以将逻辑与例如逻辑组合。表,图表或其他语法:

{%for the mult for fricticless.extract('数据/ cars.csv',layout = {" limitrows" limitrows&#34 ;: 5}) - {{car.brand}} {{ .model}}:$ {{car.price}} {%endfor%}

LiveMark支持CSV表呈现(通过拒绝替换单引号)使用听觉。将通过毫无摩擦框架读取数据属性,因此除了可观的选项之外,您可以以无摩擦格式传递文件路径或资源描述符:

LiveMark支持Python / Bash脚本在Markdown内执行。它可能被视为木星笔记本的轻量级版本。有时,声明性逻辑/表/图表不足以呈现数据,因此可以包含脚本。它对教育文章也有用:

来自Pintlim import p print from fricticless导入资源,转换,stablebrands = transform(资源("数据/ cars.csv&#34),步骤= [stpup.table_normalize(),stpult.table_aggregate(group_name ="品牌& #34;,聚合= {"价格&#34 ;:("价格" price" max)},stem.row_sort(field_names = ["价格"],反向= true),step.row_slice(head = 5),],)pint(brands.read_rows())

[{':'大众和#39 ;,'价格&#39 ;: 785},{'品牌&#39 ;:' hyundai' ,'价格&#39 ;:774},{'品牌&#39 ;:'斯柯达&#39 ;,'价格&#39 ;: 756},{'品牌& #39 ;:'铃木&#39 ;,'价格&#39 ;: 725},{'品牌&#39 ;:' renault&#39 ;,'价格'价格' 39 ;: 724}]

使用LiveMark,您可以使用Bootstrap 4支持的Markdown内部使用HTML。以下是创建响应网格的卡(请注意,如果我们设置了Markdown类,我们可以在HTML中使用Markdown):

< div类=" w-50">< div类="容器">>>"行">>>>>>> class =" col-sm"> < div类=" markdown"> [包](数据/数据包.png)< / div> < div类="文本中心"> < p>< strong>数据包装< / strong>< / p> < p>一种简单的容器格式,用于描述单个包装中的相干数据集合。< / p> < / div>< / div><! - 省略其他柱 - < / div>< / div>

一种简单的容器格式,用于描述单个包中的相干数据集合。

一种简单的格式来描述和包装单个数据资源,例如单个表或文件。

一种简单的格式,用于声明表格数据的模式。该模式旨在在JSON中表达。

然后,您可以整体更新布局或使用Jinja'继承。例如,让' s使用tailwind而不是bootstrap和一些自定义样式:

LiveMark刚刚生成静态HTML文档,以便您可以使用任何静态页面托管发布它。 可能是最简单的方法是使用github页面。 只是去"设置 - >页面" 在您的存储库中,然后在源菜单中选择您的主分支: