>  기사  >  개발 도구  >  Gitee Pages를 사용하여 정적 웹사이트와 대화형 기능을 배포하는 방법

Gitee Pages를 사용하여 정적 웹사이트와 대화형 기능을 배포하는 방법

PHPz
PHPz원래의
2023-03-30 16:36:343138검색

Gitee는 매우 잘 알려진 Git 코드 호스팅 플랫폼입니다. Gitee에서 코드를 관리할 수 있을 뿐만 아니라 Gitee Pages를 통해 자신만의 정적 웹사이트를 배포할 수도 있어 매우 편리합니다. 이 기사에서는 Gitee Pages를 사용하여 정적 웹 사이트를 배포하는 방법과 대화형 기능을 추가하여 웹 사이트를 더욱 생생하고 흥미롭게 만드는 방법을 소개합니다.

1. Gitee Pages 프로젝트 만들기

먼저 Gitee에서 Pages 프로젝트를 만들어야 합니다. 구체적인 작업은 다음과 같습니다.

  1. Gitee 웹사이트에 로그인하고 개인 홈페이지를 입력합니다.
  2. "창고 만들기" 버튼을 클릭하세요.
  3. 웨어 하우스 이름을 설정하고 "공개"옵션을 확인한 다음 "README.md 초기화"옵션을 선택한 다음 마지막으로 "웨어 하우스 만들기"버튼을 클릭하십시오.
  4. 새로 생성된 창고 페이지에 들어가서 "설정" 버튼을 클릭하세요.
  5. "페이지 서비스" 탭을 클릭하고 "페이지 서비스 활성화" 버튼을 선택하세요.
  6. 웹사이트의 액세스 경로와 기본 표시 페이지를 설정합니다. 예를 들어 "/my-website"로 설정하고 기본 표시 페이지는 "index.html"로 설정한 후 마지막으로 "저장" 버튼을 클릭합니다.
  7. 다음으로 로컬에 새 폴더를 만들고 정적 웹사이트의 관련 파일을 이 폴더에 넣을 수 있습니다.
  8. 로컬에서 명령줄을 열고 방금 생성한 폴더를 입력하고 다음 명령을 입력하세요:

git init
git add .
git commit -m "initial commit"

  1. Gitee 저장소에 연결하고 다음을 입력하세요 명령:

git 원격 추가 원본 [Gitee Warehouse 주소]
git push -u Origin master

  1. 위 단계를 완료한 후 Gitee Warehouse 페이지를 새로 고치면 배포된 정적 웹사이트가 표시됩니다.

2. 인터랙티브 기능 추가

정적인 웹사이트를 기반으로 인터랙티브 기능을 추가하면 웹사이트가 더욱 활기차고 흥미로워질 수 있습니다. 대화형 기능을 추가하는 두 가지 방법은 다음과 같습니다.

  1. JavaScript 사용

JavaScript는 페이지 상호 작용 효과를 얻을 수 있는 스크립팅 언어입니다. HTML 파일에