html_gen

安装 | 用法 | 组件和数据

html_gen 是一个生成静态页面的工具，使用在json文件中编写的组件和数据

安装

您需要安装 cargo

> git clone https://github.com/dcxo/html_gen
> cd html_gen
> cargo install --path .

您可以直接这样做

> cargo install html_gen

用法

1. 创建一个 html_gen 项目

> html_gen create [name] # If you don't write a name, html_gen will ask you

2. 然后，在 index.html 文件中编写一些内容，添加一些组件和一些数据（稍后详细介绍），最后使用以下命令构建项目

> html_gen build

3. 您的静态页面将在 dist 文件夹中可用

组件

要创建组件，您必须在 components 文件夹中创建一个html文件。该文件的 内容可以是

<Component [component's attributes]>
    [component's body]
</Component>

这样的，以在组件中使用属性，或者直接不使用 Component 标签

[component's body]

不使用属性。

要使用它，您只需在您的 index 或其他组件中写入即可

<[component's name] [component's attributes] />

数据

要使用数据，请在 data 文件夹中创建一个json文件，例如，文件 info.json

{
    "name": "html_gen",
    "tags": [
        "components", "html"
    ]
}

要使用它，请用双大括号包裹 {{...}} 到您想要使用的值的路径，即

<!-- html content -->
{{ info.name }}
{{ info.tags.0 }}
{{ info.tags.1 }}
<!-- more html content -->