milou

? Milou 静的プレスキットジェネレーター

Milou は、貴社と製品をプレス向けに紹介するための美しく有益なプレス キットを作成するのに役立つ静的サイト ジェネレーターです。これにより、ブランド ストーリー、プレス リリース、メディア アセット、主要なチーム メンバーを構造化された魅力的な方法で提示できます。

特徴

• 静的サイトの生成: Milou は、読み込み時間が速く、デフォルトでアクセシビリティが高く、レスポンシブなデザインを備えた静的 HTML ファイルを生成します。
• YAML 設定: シンプルで人間が判読できる設定形式
• 定型テンプレート: Milou がテンプレート構成を提供し、空白にコンテンツを埋めます。

ショーケース

• ダイスン・ゴブリンズ プレスキット

はじめる

インストール

ターミナルとNode.jsが必要になります。

npm を使用して Milou をインストールします。

npm install -g milou

会社

会社データを含む新しいディレクトリを作成します。

mkdir mypresskit
cd mypresskit
milou new

プロジェクトのルート ディレクトリには会社データが含まれています。このディレクトリに生成されたdata.ymlファイルを入力して、会社を紹介する必要があります。完成した company 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 .

これにより、静的 HTML、CSS、画像がbuildフォルダーに出力されます。これで、Web サーバーを起動してコンテンツを提供できるようになりました。

 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/プレスキット.html

Milou は、Pixelnest Studio によって作成された presskit.html からフォークされました。

プレスキット()

Presskit.html は、Rami Ismail によって作成された presskit() からインスピレーションを受けて作成されました。