Templat situs web datar dan responsif, dirancang dan dikodekan oleh Maxim Orlov.
Demo: http://website-templates.github.io/portfolio_one-page-template
Produk Mockup Dibuat dengan 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
Proyek ini memiliki file .EditorConfig di root. Ini menggambarkan gaya inden, trailing whitespace dll. Lihat lebih detail di sini
Jika Anda belum pernah menggunakan Gulp sebelumnya, pastikan untuk memeriksa panduan memulai, periksa juga ini
Sebelum mulai, Anda harus menginstal NPM , serta Gulp secara global.
Beberapa langkah sederhana untuk memulai:
package.json dengan menjalankan: npm install .dev/data/config.json Lihat Bagian Konfigurasi Situs Boilerplate ini menggunakan templat PUG dengan konfigurasi data eksternal. Pengaturan utama dapat ditemukan di file dev/data/config.json . Dan tersedia untuk penggunaan dalam templat dengan config.key-name
Here Come Groups of Gulp Tugas dengan beberapa penjelasan
Hapus placeholder dari direktori kerja. Tegp: gulp cleanup
Tugas dev dengan server statis. Gulp: gulp dev
Membangun tugas. Gulp: gulp build
Regenerasi dan membangun proyek dengan menjalankan semua tugas. Gulp: gulp rebuild
Jalankan server tanpa menonton perubahan. Gulp: gulp server
Proyek ini menggunakan BrowserSync sebagai server statis dengan opsi muat ulang langsung yang diaktifkan dan dikonfigurasi.
Mit