stitcher core -Download - stitcher core -Quellcode herunterladen

stitcher core

Andere Kategorien

1.0.6

Herunterladen

Hefter

Leistungsstarke, statische Websites für PHP-Entwickler.

composer create-project pageon/stitcher

Warum Stitcher?

Stitcher unterscheidet sich in zwei Bereichen von vielen anderen statischen Site-Generatoren. Zunächst einmal: Leistung ist entscheidend . Stitcher ist von Grund auf für leistungsstarke Websites konzipiert. Bei allen Tools, die Ihnen zur Verfügung stehen, steht die Leistung an erster Stelle. Zweitens wird nicht versucht, den vorhandenen Formaten zusätzliche Syntax hinzuzufügen. Stitcher bietet eine Reihe robuster Tools für Entwickler, mit denen sie bauen können, und nicht viele Hacks, sodass alles in eine Datei passt.

Außerdem wichtig zu beachten, im Lieferumfang von Stitcher enthalten:

Automatische Bildoptimierung, so einfach wie image.srcset
HTTP/2-Server-Push-Unterstützung
Markdown, YAML und JSON
Twig- und Smarty-Unterstützung
Datensatzübersichten und -details; Paginierung, Sortierung und Filterung
Integrierte SASS-Unterstützung
JavaScript- und CSS-Minimierung
Integrierte SEO- und Meta-Tag-Optimierungen

Ein kurzer Blick auf Stitcher:

 # site.yml

/blog :
    template : blog
    variables :
        posts : data/blog.yml
    
/blog/{id} :
    template : blog.post
    variables :
        post : data/blog.yml
    adapters :
        collection :
            variable : post
            field : id

 # data/blog.yml

hello_world :
    date : 2017-03-10
    highlight : false
    title : Hello world
    content : blog/hello.md
    image : hello_world.jpg

foo_bar :
    date : 2017-03-14
    highlight : true
    title : Foo Bar
    content : blog/far_bar.md
    image : foo_bar.jpg

 <!-- blog.post.html --> 

{% extends 'index.html' %}

{% block content %}
    < article >
        < h1 > {{ blog.title }} </ h1 >
        
       < img src =" {{ blog.image.src }} " 
            srcset =" {{ blog.image.srcset }} " 
            sizes =" {{ blog.image.sizes }} " alt =" {{ blog.image.alt }} " />
        
        {{ blog.content }}
    </ article >
{% endblock %}