Milou هو منشئ مواقع ثابت يساعدك على إنشاء مجموعات صحفية جميلة وغنية بالمعلومات لعرض شركتك ومنتجاتك للصحافة. فهو يتيح لك تقديم قصة علامتك التجارية والنشرات الصحفية وأصول الوسائط وأعضاء الفريق الرئيسيين بطريقة منظمة وجذابة.
سوف تحتاج إلى محطة وNode.js.
تثبيت Milou باستخدام npm:
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 .
سيؤدي هذا إلى إخراج HTML وCSS والصور الثابتة في مجلد build
. يمكنك الآن بدء تشغيل خادم ويب لخدمة المحتوى الخاص بك:
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
تم تفرع Milou من presskit.html، الذي تم إنشاؤه بواسطة Pixelnest Studio.
Presskit.html مستوحى من presskit()، من صنع رامي إسماعيل.