Clever Geek Handbook

Cogear.JS-静的サイトの最新のジェネレーター

こんにちは、Habr！







Webpackに基づいてNode.JSで記述されたオープンソースの静的サイトジェネレーターをHabrovskの人々に紹介したいと思います。







このプロジェクトは同じジキルに触発されていますが、基本的には最新の技術スタックを使用しています。 たとえば、変更されたスクリプトとスタイルを（ページをリロードせずに）「ホットロード」する機能を提供します。







画像







このプロジェクトは国際的な視聴者を対象としているため、公式ウェブサイト、ドキュメント、ビデオは英語です。









特徴





どのような目的に適していますか：





ユーザー生成コンテンツのないサイトに適しています。







Githubでプルリクエストを使用して、集合的なブログを作成することもできます。

Firebaseまたは任意の言語（PHP、Ruby、Python、Node.JS）で記述されたAPI、またはWordPress（JSON-API）、さらにVue.JSやReactなどの最新のフロントエンドフレームワークを使用して、動的なWebサイトを作成できます。より複雑なタスク：オンラインストア、製品カタログなど。







適切でない理由：





一般に、ユーザーによって生成されるコンテンツが多数あり、多くのデータベース作業とページがその場で生成されるプロジェクトの場合。







必要条件



Node.JS （9.x以降）とNPM （通常は一緒にインストール）をインストールする必要があります。







ダウンロードしてインストールします （まだインストールしていない場合）。







推奨される最後（v10.12.0）はNode.JSです。







Node.JS <v9.xでは動作しません。SASS、Less、Stylusはそのまま使用でき、 node-sassにはバージョン9が必要なためです。







NPMの代わりにYarnを使用することもできます。







Cogear.JSの実行場所：









ファッショナブルなVSCodeを開発に使用できます。







設置



簡単な、トリックなし： 







 $ npm install cogear -g # or $ yarn global add cogear


以上です。 インストールは成功しました。









cogear consoleコマンドを使用すると、インストール後のCogear.JSを使用できます。







これで、最初のサイトを生成できます。







使用する





Webサイトが保存されているディレクトリに移動します。 







 $ cd ~/Sites


チームを呼び出して、新しいサイトを生成します。 







 $ cogear new site.io #  "site.io" –


クラフトサイト







次に、このディレクトリに進みます。 







 $ cd ~/Sites/site.io


Cogear.JSをdevelopment



モードまたは運用モード （ 運用の準備）で実行します（ 動作モードの詳細 ）。 







 $ cogear # -     « »     $ cogear production #       —


オプション



--help



フラグを追加すると、コマンドラインオプションのリストを表示できます。







助けて







便利なリンク



トピックがハブロフスク市民の興味をそそるなら、私は一連のチュートリアルを、何を、どのように作成することができます。









PS投稿しなかった オープンソース。







質問して、答えてみてください。







More articles:


All Articles