milou

? Milou 정적 프레스 키트 생성기

Milou는 귀하의 회사와 제품을 언론에 선보일 수 있는 아름답고 유익한 보도 자료 키트를 만드는 데 도움이 되는 정적 사이트 생성기입니다. 이를 통해 브랜드 스토리, 보도 자료, 미디어 자산 및 주요 팀 구성원을 체계적이고 매력적인 방식으로 제시할 수 있습니다.

특징

• 정적 사이트 생성 : Milou는 빠른 로딩 시간, 기본 접근성 및 반응형 디자인을 갖춘 정적 HTML 파일을 생성합니다.
• YAML 구성 : 사람이 읽을 수 있는 단순 구성 형식
• 보일러플레이트 템플릿 : Milou가 템플릿 구성을 제공하고 빈칸을 콘텐츠로 채울 수 있습니다.

유리 진열장

• Dice'n Goblins 보도 자료

시작하기

설치

터미널과 Node.js가 필요합니다.

npm을 사용하여 Milou를 설치합니다.

npm install -g milou

회사

회사 데이터를 포함하는 새 디렉터리를 만듭니다.

mkdir mypresskit
cd mypresskit
milou new

프로젝트의 루트 디렉터리에는 회사 데이터가 포함되어 있습니다. 이 디렉터리에 생성된 data.yml 파일을 채워 회사를 소개해야 합니다. 완성된 회사 data.yml 파일의 이 예를 참조로 사용할 수 있습니다.

images 하위 폴더에 회사의 이미지를 넣어야 합니다. header.* 라는 이름의 이미지(예: header.png 또는 header.jpg )가 페이지 헤더에 사용됩니다. logo 접두사가 붙은 파일(예: logo01.png 또는 logo.jpg )은 페이지의 로고 섹션에 배치됩니다. 이 폴더에 있는 다른 이미지는 생성된 보도자료 키트에 이미지로 포함됩니다.

사용자 정의 CSS 파일을 포함하려면 회사 폴더에 style.css 라는 파일을 만듭니다. 모든 페이지에 자동으로 포함됩니다.

제품

제품이 포함된 새 하위 디렉터리를 만듭니다.

mkdir myproduct
cd mypresskit
milou new -t product

제품 폴더에는 소프트웨어, 게임 또는 기타 모든 종류의 제품에 대한 데이터가 포함됩니다. 회사와 마찬가지로 이 디렉터리에 생성된 data.yml 파일에 콘텐츠를 작성합니다. 이 예제 파일을 참조로 사용할 수 있습니다.

이미지는 새 images 하위 폴더에도 포함되어야 합니다.

짓다

이제 프로젝트는 다음과 같아야 합니다.

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

이제 프로젝트의 루트 디렉터리에서 정적 사이트를 구축할 수 있습니다.

 milou build .

그러면 build 폴더에 정적 HTML, CSS 및 이미지가 출력됩니다. 이제 웹 서버를 시작하여 콘텐츠를 제공할 수 있습니다.

 cd build
npx serve

이 폴더를 정적 사이트 호스트(GitHub 페이지, Netlify, CloudFlare 페이지 등...)에 업로드하여 전 세계에서 보도 자료에 액세스할 수 있도록 하세요.

명령줄 참조

 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

크레딧

Pixelnest/presskit.html

Milou는 Pixelnest Studio에서 만든 presskit.html에서 분기되었습니다.

프레스킷()

Presskit.html은 Rami Ismail이 만든 presskit()에서 영감을 받았습니다.