UCF Header

대학 헤더

사용 지침 및 지침은 https://universityheader.ucf.edu를 방문하십시오. 아래 지침은 헤더의 소스 코드로 작업하기위한 것입니다.

---

설치

1. 이 저장소를 복제하여 웹 액세스 가능한 위치에 배치하십시오.
2. 처음 설치 한 경우 config.templ.conf 복사하고 환경에 필요한 경우 구성 값을 업데이트하고 config.conf 로 저장하십시오.
3. src/ Subdirectory에 cd 넣고 ./compile.sh 를 실행하십시오
4. Browser의 Load 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/ 디렉토리에 기록됩니다. 이것은 디렉토리입니다.

기여

버그 보고서 또는 기능 요청을 제출하고 싶으십니까? 자세한 내용은 기고 가이드 라인을 확인하십시오. 우리는 당신의 의견을 듣고 싶습니다!