UCF Header

大学のヘッダー

使用手順とガイドラインについては、https：//universityheader.ucf.eduにアクセスしてください。以下の手順は、ヘッダーのソースコードを操作するためのものです。

---

インストール

1. このリポジトリをクローンして、Webアクセス可能な場所に配置します。
2. これが初めてインストールされている場合は、 config.templ.confをコピーし、環境に必要なconfig値を更新し、 config.confとして保存します。
3. src/ subdirectoryのcd 、およびrun ./compile.sh
4. ブラウザにindex.html （repoのルートディレクトリ）をロードします。すべての資産が正しくロードされていることを確認してください。
5. すべての後続の展開の後、ステップ3を繰り返します。

発達

要件

• ノードV16+
• gulp-cli

説明書

1. 上記のすべてのインストール手順に従ってください。

2. ローカル開発のためにbrowsersyncを有効にするか、このプロジェクトのデフォルトのgulp構成にその他の変更を加えたい場合は、 gulp-config.template.jsonをコピーし、希望する変更を行い、 gulp-config.jsonとして保存します。

   browsersyncを有効にするには、 syncをtrueに設定し、ローカルホストのセットアップに必要に応じてsyncTarget値を調整します。

   変更可能な構成値の完全なリストは、 gulpfile.jsで表示できます（ config変数を参照）。

3. src/scss/またはsrc/js/bar.jsのファイルに必要に応じて変更を行います。画像資産は、必要に応じてbar/img/に直接追加/調整する必要があります。

   src/js/university-header.js 、 src/js/university-header-full.js 、またはbar/css/直接のファイルに変更を加えないでください。

4. gulp defaultを実行してプロセスアセットを実行します。このタスクは、利便性のためにsrc/compile.shも実行されます。

5. gulp watchを実行して、SCSSおよびJSファイルの変更を継続的に視聴します。 gulp-config.jsonでbrowsersyncを有効にした場合、SCSSまたはJSファイルが変更されたときにブラウザをリロードします。 gulp watch 、利便性のためにsrc/compile.shも実行します。

6. index.htmlに対する変更を確認します。

CIの指示

1. config.templ.confファイルにある環境変数を設定します。 GitHubワークフローの場合、これらはリポジトリ変数として追加してから、ワークフローのenv変数に追加できます。
2. プロジェクトを構築するには、 prebuildとbuildスクリプトを実行する必要があります。これらは依存しており、 npm run prebuild && npm run buildで依存して実行できます。
3. ビルドの出力は、 bar/ディレクトリに書き込みます。これがディレクトリであり、展開できるものです。

貢献

バグレポートまたは機能リクエストを送信したいですか？詳細については、貢献ガイドラインをご覧ください。ご連絡をお待ちしております！