قالب موقع ويب مسطح وسريع الاستجابة ، مصمم وترميزه مكسيم أورلوف.
العرض التوضيحي: http://website-templates.github.io/ portfolio_one-page-template
نموذج نموذج المنتج الذي تم إنشاؤه باستخدام http://magicmockups.com/
./
├── .editorconfig
├── gulpfile.js
├── package.json
├── README.md
|
├── gulp_tasks/ * gulp tasks
| ├── config/ * gulp tasks config
│ | ├── paths.js
│ | └── aliases.js
│ |
| └── task.js
|
├── screenshots/ * responsive test screenshots
|
├── dev/ * site source
│ ├── images/ * image sources
| │
│ ├── pug/ * templates
| | ├── blocks/ * blocks library
| │ | └── block.pug
| │ ├── helpers/ * helper mixins
| │ ├── vendor/ * third-party code
| │ ├── layouts/ * page layouts
| │ └── pages/ * main pages templates
| │
│ ├── js/ * source js
| | ├── vendor/ * vendor scripts library
| | ├── lib/ * site scripts library
| │ ├── head.js * head scripts
| │ └── body.js * body scripts
| │
| ├── sass/ * sass preprocessor styles
| | ├── blocks/ * blocks library
| │ | └── block.sass
| │ ├── helpers/ * mixins and vars
| │ ├── vendor/ * third-party code
| │ ├── custom.sass
| │ ├── noscript.sass
| │ └── screen.sass
| │
│ ├── helpers/ * helper files
| | ├── favicon.ico
| | └── .htaccess
| │
│ ├── fonts/ * font sources
| │
│ └── data/ * configs and data for templates
│
└── build/ * built source
├── index.html
├── page.html
|
└── static/ * static assets
├── css/ * minified styles
|
├── images/ * minified images
│
├── js/ * minified assembled js
|
└── fonts/ * @font-face-ready webfonts
يحتوي هذا المشروع على ملف .editorConfig في الجذر. يصف نمط المسافة البادئة ، ومساحات بيضاء زائدة وما إلى ذلك. انظر المزيد من التفاصيل هنا
إذا لم تكن قد استخدمت Gulp من قبل ، فتأكد من مراجعة دليل البدء ، تحقق أيضًا من هذه الاستردادات
قبل البدء ، تحتاج إلى تثبيت NPM ، وكذلك Gulp على مستوى العالم.
بعض الخطوات البسيطة للبدء:
package.json عن طريق التشغيل: npm install .dev/data/config.json انظر قسم تكوين الموقع يستخدم Boilerplate قوالب الصلصال مع تكوينات البيانات الخارجية. يمكن العثور على الإعدادات الرئيسية في ملف dev/data/config.json . وهي متاحة للاستخدام في القوالب مع config.key-name
هنا تأتي مجموعات من المهام مع بعض التفسيرات
إزالة العناصر النائبة من أدلة العمل. Gulp: gulp cleanup
مهمة dev مع خادم ثابت. Gulp: gulp dev
بناء المهمة. Gulp: gulp build
تجديد وبناء المشروع عن طريق تشغيل جميع المهام. Gulp: gulp rebuild
تشغيل الخادم دون مشاهدة التغييرات. Gulp: gulp server
يستخدم هذا المشروع Browsersync كخادم ثابت مع خيار إعادة التحميل المباشر الممكّن وتكوينه.
معهد ماساتشوستس للتكنولوجيا