milou

? Milou un générateur de dossiers de presse statiques

Milou est un générateur de sites statiques qui vous aide à créer des dossiers de presse magnifiques et informatifs pour présenter votre entreprise et vos produits à la presse. Il vous permet de présenter l'histoire de votre marque, vos communiqués de presse, vos ressources médiatiques et les membres clés de votre équipe de manière structurée et engageante.

Caractéristiques

• Génération de sites statiques : Milou génère des fichiers HTML statiques, avec des temps de chargement rapides, une accessibilité par défaut et un design adaptatif
• Configuration YAML : Format de configuration simple et lisible par l'homme
• Modèles passe-partout : laissez Milou vous donner une configuration de modèle et remplissez les espaces vides avec votre contenu

Vitrine

• Dossier de presse Dice'n Goblins

Commencer

Installation

Vous aurez besoin d'un terminal et de Node.js.

Installez Milou en utilisant npm :

npm install -g milou

Entreprise

Créez un nouveau répertoire contenant les données de votre entreprise :

mkdir mypresskit
cd mypresskit
milou new

Le répertoire racine de votre projet contient les données de votre entreprise. Vous devez présenter votre entreprise en remplissant le fichier data.yml généré dans ce répertoire. Vous pouvez utiliser cet exemple de fichier data.yml d'entreprise complété comme référence.

Vous devez mettre les images de votre entreprise dans le sous-dossier images . Les images nommées header.* (par exemple header.png ou header.jpg ) seront utilisées dans l'en-tête de la page. Les fichiers préfixés par logo (par exemple logo01.png ou logo.jpg ) seront placés dans la section logos de votre page. Toute autre image de ce dossier sera incluse en tant qu'image dans le dossier de presse généré.

Pour inclure un fichier CSS personnalisé, créez un fichier nommé style.css dans le dossier de votre entreprise. Il sera automatiquement inclus dans chaque page.

Produit

Créez un nouveau sous-répertoire contenant un produit :

mkdir myproduct
cd mypresskit
milou new -t product

Les dossiers de produits contiendront des données sur vos logiciels, jeux ou tout autre type de produit. Comme pour les entreprises, écrivez votre contenu dans le fichier data.yml généré dans ce répertoire. Vous pouvez utiliser ce fichier d'exemple comme référence.

Les images doivent également être incluses dans le nouveau sous-dossier images .

Construire

Votre projet devrait maintenant ressembler à ceci :

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

Depuis le répertoire racine de votre projet, vous pouvez désormais construire votre site statique :

 milou build .

Cela affichera le HTML, le CSS et les images statiques dans le dossier build . Vous pouvez maintenant démarrer un serveur Web pour diffuser votre contenu :

 cd build
npx serve

Téléchargez ce dossier sur n'importe quel hébergeur de site statique (pages GitHub, pages Netlify, CloudFlare, etc...) pour rendre votre dossier de presse accessible au monde entier.

Référence de ligne de commande

 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

Crédits

Pixelnest/dossier de presse.html

Milou est issu de presskit.html, réalisé par Pixelnest Studio.

dossier de presse()

Presskit.html a été inspiré par presskit(), réalisé par Rami Ismail.