marketing agency_one page template
1.0.0
Maxim Orlovによって設計およびコーディングされたフラットでレスポンシブなWebサイトテンプレート。
ポートフォリオ1ページのテンプレートに基づいています
デモ：http：//website-templates.github.io/marketing-agency_one-page-template
./
├── .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を使用したことがない場合は、Getting Guideを必ずチェックしてください。これらのRecipsも確認してください。
開始する前に、 NPMをインストールするだけでなく、グローバルにガルプをインストールする必要があります。
開始するためのいくつかの簡単な手順：
npm installによるpackage.jsonからの依存関係をインストールします。dev/data/config.jsonで一般的な設定を編集します。サイト構成セクションを参照してくださいこのボイラープレートは、外部データ構成を備えたPUGテンプレートを使用します。メイン設定はdev/data/config.jsonファイルにあります。また、 config.key-nameを使用してテンプレートで使用できます
ここには、いくつかの説明が付いたgulpのタスクのグループがあります
ワークディレクトリからプレースホルダーを削除します。 Gulp： gulp cleanup
静的サーバーを使用した開発タスク。 Gulp： gulp dev
タスクを構築します。 Gulp： gulp build
すべてのタスクを実行して、再生および構築プロジェクトを構築します。 Gulp： gulp rebuild
変更を監視せずにサーバーを実行します。 Gulp： gulp server
このプロジェクトでは、BROWSERSYNCを使用してStatic Serverを使用して、ライブリロードオプションを構成し、構成します。
mit
