milou

? Milou un generador estático de kit de prensa

Milou es un generador de sitios estáticos que le ayuda a crear kits de prensa atractivos e informativos para mostrar su empresa y sus productos a la prensa. Le permite presentar la historia de su marca, comunicados de prensa, activos de medios y miembros clave del equipo de una manera estructurada y atractiva.

Características

• Generación de sitios estáticos : Milou genera archivos HTML estáticos, con tiempos de carga rápidos, accesibilidad por defecto y diseño responsivo.
• Configuración YAML : formato de configuración simple y legible por humanos
• Plantillas repetitivas : deja que Milou te proporcione una configuración de plantilla y complete los espacios en blanco con tu contenido.

Escaparate

• Dossier de prensa de Dice'n Goblins

Empezando

Instalación

Necesitará una terminal y Node.js.

Instale Milou usando npm:

npm install -g milou

Compañía

Cree un nuevo directorio que contenga los datos de su empresa:

mkdir mypresskit
cd mypresskit
milou new

El directorio raíz de su proyecto contiene los datos de su empresa. Debe presentar su empresa completando el archivo data.yml generado en este directorio. Puede utilizar este ejemplo de un archivo data.yml de empresa completo como referencia.

Debes poner imágenes de tu empresa en la subcarpeta images . Las imágenes denominadas header.* (por ejemplo, header.png o header.jpg ) se utilizarán en el encabezado de la página. Los archivos con el prefijo logo (por ejemplo, logo01.png o logo.jpg ) se colocarán en la sección de logotipos de su página. Cualquier otra imagen en esta carpeta se incluirá como imagen en el kit de prensa generado.

Para incluir un archivo CSS personalizado, cree un archivo llamado style.css en la carpeta de su empresa. Se incluirá automáticamente en cada página.

Producto

Cree un nuevo subdirectorio que contenga un producto:

mkdir myproduct
cd mypresskit
milou new -t product

Las carpetas de productos contendrán datos de su software, juegos o cualquier otro tipo de producto. Al igual que para las empresas, escriba su contenido en el archivo data.yml generado en este directorio. Puede utilizar este archivo de ejemplo como referencia.

Las imágenes también deben incluirse en la subcarpeta de nuevas images .

Construir

Su proyecto ahora debería verse así:

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

Desde el directorio raíz de su proyecto, ahora puede crear su sitio estático:

 milou build .

Esto generará HTML, CSS e imágenes estáticas en la carpeta build . Ahora puede iniciar un servidor web para servir su contenido:

 cd build
npx serve

Cargue esta carpeta en cualquier host de sitio estático (páginas de GitHub, Netlify, páginas de CloudFlare, etc.) para que su kit de prensa sea accesible para todo el mundo.

Referencia de línea de comando

 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éditos

Pixelnest/carpeta de prensa.html

Milou se bifurcó de presskit.html, creado por Pixelnest Studio.

carpeta de prensa()

Presskit.html se inspiró en presskit(), creado por Rami Ismail.