milou Download - milou Quellcode herunterladen

milou

Andere Kategorien

1.0.0

Herunterladen

? Milou, ein statischer Pressemappen-Generator

Screenshot

Milou ist ein statischer Site-Generator, der Ihnen dabei hilft, schöne und informative Pressemappen zu erstellen, um Ihr Unternehmen und Ihre Produkte der Presse vorzustellen. Damit können Sie Ihre Markengeschichte, Pressemitteilungen, Medienressourcen und wichtige Teammitglieder strukturiert und ansprechend präsentieren.

Merkmale

Statische Site-Generierung : Milou generiert statische HTML-Dateien mit schnellen Ladezeiten, standardmäßiger Zugänglichkeit und responsivem Design
YAML-Konfiguration : Einfaches und für Menschen lesbares Konfigurationsformat
Standardvorlagen : Lassen Sie sich von Milou eine Vorlagenkonfiguration erstellen und füllen Sie die Lücken mit Ihrem Inhalt aus

Vitrine

Pressemappe von Dice'n Goblins

Erste Schritte

Installation

Sie benötigen ein Terminal und Node.js.

Installieren Sie Milou mit npm:

npm install -g milou

Unternehmen

Erstellen Sie ein neues Verzeichnis mit Ihren Firmendaten:

mkdir mypresskit
cd mypresskit
milou new

Das Stammverzeichnis Ihres Projekts enthält Ihre Firmendaten. Sie sollten Ihr Unternehmen präsentieren, indem Sie die generierte data.yml Datei in diesem Verzeichnis ausfüllen. Sie können dieses Beispiel einer fertigen Unternehmensdatei „ data.yml “ als Referenz verwenden.

Im Unterordner images “ sollten Sie Bilder für Ihr Unternehmen ablegen. Bilder mit dem Namen header.* (z. B. header.png oder header.jpg ) werden im Seitenkopf verwendet. Dateien, denen logo vorangestellt ist (z. B. logo01.png oder logo.jpg ), werden im Logo-Bereich Ihrer Seite abgelegt. Alle anderen Bilder in diesem Ordner werden als Bild in die generierte Pressemappe aufgenommen.

Um eine benutzerdefinierte CSS-Datei einzubinden, erstellen Sie eine Datei mit dem Namen style.css in Ihrem Unternehmensordner. Es wird automatisch in jede Seite eingefügt.

Produkt

Erstellen Sie ein neues Unterverzeichnis mit einem Produkt:

mkdir myproduct
cd mypresskit
milou new -t product

Die Produktordner enthalten Daten für Ihre Software, Spiele oder jede andere Art von Produkt. Schreiben Sie Ihre Inhalte wie bei Unternehmen in die generierte data.yml Datei in diesem Verzeichnis. Sie können diese Beispieldatei als Referenz verwenden.

Bilder sollten auch im neuen Unterordner images enthalten sein.

Bauen

Ihr Projekt sollte nun so aussehen:

 ? data.yml
 images/
  ? header.png
  ? logo.png
 myproduct/
  ? data.yml
   images/
    ? header.png
    ? logo.png
    ? screenshot1.png
    ? screenshot2.png

Aus dem Stammverzeichnis Ihres Projekts können Sie jetzt Ihre statische Site erstellen:

 milou build .

Dadurch werden das statische HTML, CSS und die Bilder im build -Ordner ausgegeben. Sie können jetzt einen Webserver starten, um Ihre Inhalte bereitzustellen:

 cd build
npx serve

Laden Sie diesen Ordner auf einen beliebigen statischen Site-Host hoch (GitHub-Seiten, Netlify, CloudFlare-Seiten usw.), um Ihre Pressemappe für die ganze Welt zugänglich zu machen.

Befehlszeilenreferenz

 milou new [options] <destination>

Create an empty `data.yml` file and its `images/` folder in the <destination> folder (current working directory by default).

  There are two template types available: company (default) or product.

Options:
  -V, --version         output the version number
  -t, --type [company]  set the type of the new `data.yml` file (default: "company")
  -h, --help            display help for command

 milou build [options] <entry point>

Generate a press kit based on information found in `data.yml` files.

Options:
  -V, --version               output the version number
  -o, --output [destination]  output the build folder to the [destination] (defaults to ./build) (default: "/Users/alicegg/Code/mypresskit/myproduct/build")
  -w, --watch                 watch project for changes and re-generate if needed
  -p, --port [8080]           set the server port to [8080] (default: 8080)
  -D, --clean-build-folder    delete the build folder beforehand
  -T, --ignore-thumbnails     use original images in galleries instead of thumbnails (will increase pages size)
  -h, --help                  display help for command