Layout folder structure


back to folders structure

Layout

Inside Layout folder there will be all layout files. For now Solidify Engine can support those layout formats:

Inside Layout folder we expect to see the following structure:

Layout
    ...
    Partials
        ...

All files inside both Layout and Partials folders should have extension .hjs.

Partials

Partials is a special folder which should have a flat structure (should not contain any subfolders). All partials should be placed here.

Example

Folders structure should be like this:

Layout
    default.hjs
    Partials
        footer.hjs

Template file can look like this:

<html>
    <head>
        <title>{{ Page.Title }}</title>
    </head>
    <body>
        <div>
            {{ Page.Content }}
        </div>

        {{> footer.hjs }}
    </body>
</html>

Partials file can look like this:

<div>
    All rights reserved.
</div>

Page file will look like:

url:        index.html  
template:   default.hjs
title:      Home
---
# Welcome to my website!

More details about pages can be found in the dedicated pages section.

Finally, the html rendered by Solidify Engine will look like this:

<html>
    <head>
        <title>Home</title>
    </head>
    <body>
        <div>
            <h1>Welcome to my website!</h1>
        </div>

        <div>
            All rights reserved.
        </div>
    </body>
</html>

Solidify Project is powered by .NET Core 2.0 and distributed under MIT license