GitHub를 사용하여 데모를 만들고 표시하는 방법-자식-php.cn

GitHub를 사용하여 데모를 만들고 표시하는 방법

PHPz

풀어 주다： 2023-04-06 09:13:56

원래의

1037명이 탐색했습니다.

GitHub는 개발자가 공유하고 협업하여 소프트웨어 개발 프로세스 속도를 높일 수 있는 매우 인기 있는 오픈 소스 코드 호스팅 플랫폼입니다. GitHub에서는 수많은 오픈 소스 프로젝트를 찾을 수 있고, 다른 개발자의 코드를 배우고 탐색할 수 있으며, 자신만의 프로젝트를 만들고 다른 사람들과 협업할 수 있습니다. 이 기사에서는 GitHub를 사용하여 데모를 만들고 표시하는 방법에 대해 설명합니다.

GitHub 계정 만들기

먼저 GitHub 계정을 만들어야 합니다. 이미 계정이 있는 경우 다음 단계로 바로 건너뛸 수 있습니다. 아직 계정을 생성하지 않으셨다면 GitHub 공식 웹사이트 https://github.com/에 접속하여 "가입" 버튼을 클릭하신 후 관련 정보를 입력하신 후 계정을 생성해주세요.

저장소 만들기

GitHub에서는 모든 프로젝트를 "저장소"라고 합니다. 데모를 생성하려면 새 저장소를 생성해야 합니다. 리포지토리를 생성하려면 GitHub 계정에 로그인하고 오른쪽 상단에 있는 더하기 기호를 클릭한 후 "새 리포지토리"를 선택하세요.

"새 저장소 만들기" 페이지에서 저장소의 이름과 설명을 입력하고 공용 또는 개인(결제 필요) 창고를 선택한 다음 "저장소 만들기" 버튼을 클릭하면 저장소가 성공적으로 생성됩니다.

코드 추가

이제 리포지토리에 코드를 추가해야 합니다. 로컬 컴퓨터에서 직접 파일을 업로드하거나, Git 명령줄 도구를 사용하여 코드를 업로드하거나, GitHub의 웹 편집기를 사용할 수 있습니다. 여기서는 간단한 Hello World 데모를 예로 들어 보겠습니다.

먼저 로컬에 "helloworld"라는 폴더를 만들고 "index.html"이라는 파일을 만듭니다. 다음은 파일의 코드 내용입니다.

<!DOCTYPE html>
<html>
<body>

<h1>Hello World!</h1>

</body>
</html>

로그인 후 복사

그런 다음 이 폴더를 GitHub에 업로드하세요. 로컬에서 명령줄이나 터미널을 열고 다음 명령을 입력하세요:

cd helloworld
git init
git add .
git commit -m "Initial commit"
git remote add origin [YOUR_REPOSITORY_URL]
git push -u origin master

로그인 후 복사

위 명령에서 "cd helloworld"는 현재 디렉터리를 "helloworld" 폴더로 변경하고, "git init"는 폴더를 git 저장소로 변환합니다. " "git add ."는 모든 코드를 로컬 git 저장소에 추가하고, "git commit -m" 초기 커밋 ""은 이러한 변경 사항을 로컬 git 저장소에 커밋하며, "git 원격 추가 원본 [YOUR_REPOSITORY_URL]"은 로컬 저장소를 원격 저장소로 이동하고 마지막으로 "git push -u Origin master"를 사용하여 콘텐츠를 마스터 브랜치로 푸시합니다.

gh-pages 분기 만들기

웨어하우스를 만든 후 데모를 표시하는 데 사용할 "gh-pages"라는 분기를 만들어야 합니다. 브랜치를 생성하려면 리포지토리를 열고 "Branch: master"를 클릭한 후 "gh-pages"를 입력하고 새 브랜치를 생성합니다.

데모 웹페이지 추가

이제 데모를 표시하려면 "gh-pages" 분기에 웹페이지를 추가해야 합니다. 먼저 브랜치에 새 폴더를 만들고 폴더 이름을 "docs"로 바꿉니다. 그런 다음 데모 파일을 "docs" 폴더에 복사하고 파일 이름을 "index.html"로 변경합니다.

다음으로 "gh-pages" 분기의 "docs" 폴더를 기본 표시 페이지로 만들어야 합니다. 리포지토리의 설정 페이지에서 "GitHub 페이지" 옵션을 찾아 소스 옵션을 "마스터 브랜치/문서 폴더"로 변경한 후 "저장" 버튼을 클릭하세요. 잠시 기다리면 데모가 GitHub 페이지에 표시됩니다.

데모 공유

이제 GitHub에서 데모를 성공적으로 생성하고 표시했습니다. 다음으로, 데모 링크를 다른 사람들과 공유하여 선보일 수 있습니다. 저장소 페이지의 "GitHub 페이지"에 대한 링크를 복사하면 됩니다.

요약:

이 글의 소개를 통해 우리는 GitHub에 데모를 표시하고 다른 사람들과 데모 링크를 공유하는 방법을 배웠습니다. 초보 개발자이든 숙련된 전문가이든 관계없이 GitHub를 사용하면 개발 프로세스 속도를 높이고 코드를 더욱 전문적이고 유지 관리하기 쉽게 만들 수 있습니다. 이 기사가 데모를 선보이고 GitHub에서 협업을 시작하는 데 도움이 되기를 바랍니다.

위 내용은 GitHub를 사용하여 데모를 만들고 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!