portfolio_one page template
1.0.0
Plantilla de sitio web plana y receptiva, diseñada y codificada por Maxim Orlov.
Demostración: http://website-templates.github.io/portfolio_one-page-template
Maqueta de productos creada con 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
Este proyecto tiene un archivo .EditorConfig en la raíz. Describe el estilo de sangría, los espacios en blanco, etc. Ver más detalles aquí
Si no ha usado GULP antes, asegúrese de consultar la Guía Getting Start, también consulte estos Recips
Antes de comenzar, debe haber instalado NPM , así como Gulp a nivel mundial.
Algunos pasos simples para comenzar:
package.json ejecutando: npm install .dev/data/config.json Consulte la sección Configuración del sitio Esta Boilerplate utiliza plantillas PUG con configuraciones de datos externas. La configuración principal se puede encontrar en el archivo dev/data/config.json . Y están disponibles para su uso en plantillas con config.key-name
Aquí viene grupos de tareas de gulp con algunas explicaciones
Eliminar a los marcadores de posición de los directorios de trabajo. Gulp: gulp cleanup
Tarea de desarrollo con el servidor Static. Gulp: gulp dev
Tarea de construcción. Gulp: gulp build
Regenerar y construir el proyecto ejecutando todas las tareas. Gulp: gulp rebuild
Ejecute el servidor sin mirar los cambios. Gulp: gulp server
Este proyecto utiliza BrowserSync como servidor estático con la opción Live Reload habilitada y configurada.
MIT
