getherbie/plugin-grid

Herbie 网格插件。

维护者

详情

github.com/getherbie-plugin/grid

主页

源代码

问题

安装: 234

依赖者: 1

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

类型:herbie-plugin

v0.7.0 2015-01-28 16:22 UTC

Requires

BSD-3-Clause b324ba84c918c04e3d033e9c826be98dd49b2221

plugingridherbie

This package is auto-updated.

Last update: 2024-09-22 18:50:54 UTC

README

Grid是一个Herbie插件，允许你在内容中创建(HTML-/CSS-)网格。

实验性

此插件为实验性。请勿在生产环境中使用！

安装

您可以通过Composer安装此插件。

$ composer require getherbie/plugin-grid

然后，在配置文件中激活插件。

plugins:
    enable:
        - grid

配置

在配置文件中定义所需的模板。

plugins:
    config:
        grid:
            templates:
                3col:
                    row: '<div class="pure-g">{row}</div>'
                    cols:
                        - '<div class="pure-u-1-3 col-{index}" markdown="1">{col}</div>'
                        - '<div class="pure-u-1-3 col-{index}" markdown="1">{col}</div>'
                        - '<div class="pure-u-1-3 col-{index}" markdown="1">{col}</div>'
                2col:
                    row: '<div class="pure-g">{row}</div>'
                    cols:
                        - '<div class="pure-u-1-2 col-{index}" markdown="1">{col}</div>'
                        - '<div class="pure-u-1-2 col-{index}" markdown="1">{col}</div>'

如果您想在网格中使用Markdown，则必须将HTML属性设置为markdown="1"。

应用

现在，您可以在页面上调用配置的网格模板。

-- grid 3col --
Inhalt Spalte 1 
--
Inhalt Spalte 2 
--
Inhalt Spalte 3 
-- grid --

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

-- grid 2col --
Inhalt Spalte 1 
--
Inhalt Spalte 2 
-- grid --

演示

https://herbie.tebe.ch/dokumentation/plugins/grid