개발 도구 자식 GitHub를 사용하여 데모를 만들고 표시하는 방법

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

Apr 06, 2023 am 08:51 AM

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

  1. GitHub 계정 만들기

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

  1. 저장소 만들기

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

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

  1. 코드 추가

이제 리포지토리에 코드를 추가해야 합니다. 로컬 컴퓨터에서 직접 파일을 업로드하거나, 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"를 사용하여 콘텐츠를 마스터 브랜치로 푸시합니다.

  1. gh-pages 분기 만들기

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

  1. 데모 웹페이지 추가

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

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

  1. 데모 공유

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

요약:

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

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

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

GIT 관리 도구를 완전히 사용하기 위해 GIT 관리 도구를 사용하는 방법 GIT 관리 도구를 완전히 사용하기 위해 GIT 관리 도구를 사용하는 방법 Mar 06, 2025 pm 01:32 PM

이 기사는 GUI 도구 (Sourcetree, Gitkraken 등), 필수 명령 (Git Init, Git Clone, Git Add, Git Commit 등), 지점 관리 모범 사례 (기능 분기, 요청) 및 Merge Con에 대한 GIT 관리에 대한 안내서를 제공합니다.

지정된 커밋을 추진하는 방법 지정된 커밋을 추진하는 방법 Mar 06, 2025 pm 01:39 PM

이 안내서는 단일 git 커밋을 원격 브랜치로 밀리는 방법을 설명합니다. 임시 지점을 사용하여 커밋을 분리 하고이 지점을 리모콘으로 밀고 선택적으로 임시 지점을 삭제합니다. 이 방법은 충돌을 피하고

커밋과 git의 추진의 차이 커밋과 git의 추진의 차이 Mar 06, 2025 pm 01:37 PM

이 기사에서는 Git의 커밋과 푸시 명령의 차이점을 설명합니다. Git Commit은 로컬에서 변경 사항을 저장하는 반면 Git Push는 이러한 커밋 된 변경 사항을 원격 저장소에 업로드합니다. 이 기사는이 분류를 이해하는 것의 중요성을 강조합니다

GIT 커밋 제출의 실패를 해결하는 방법 GIT 커밋 제출의 실패를 해결하는 방법 Mar 06, 2025 pm 01:38 PM

이 기사는 일반적인 GIT 커밋 실패를 다룹니다. 추적되지 않은 파일, 무대 변경 변경, 충돌 병합 및 사전 커밋 후크와 같은 문제에 대한 문제 해결 단계에 대해 자세히 설명합니다. 더 부드러운 git wo를 보장하기 위해 솔루션 및 예방 조치가 제공됩니다.

커밋 내용을 보는 방법 커밋 내용을 보는 방법 Mar 06, 2025 pm 01:41 PM

이 기사는 GIT 커밋 컨텐츠를보기위한 방법을 자세히 설명합니다. git show를 사용하여 커밋 메시지, 저자 정보 및 변경 (DIFF), 여러 Commit 'Diff에 대한 GIT 로그 -P를 표시하고 Commit을 직접 확인하는 것에 대한주의 사항에 중점을 둡니다. 대체

git의 추가와 커밋의 차이 git의 추가와 커밋의 차이 Mar 06, 2025 pm 01:35 PM

이 기사에서는 Git에서 Git Add와 Git Commit의 뚜렷한 역할을 설명합니다. GIT는 단계 변경 사항을 추가하여 다음 커밋에 포함시킬 준비를하고 GIT Commit은 저장소의 역사에 대한 단계적 변경 사항을 저장합니다. 이 2 단계 프로세스가 가능합니다

GIT 코드 관리 도구 란 무엇입니까? GIT 코드 관리 도구 란 무엇입니까? Mar 06, 2025 pm 01:31 PM

이 기사는 분산 버전 제어 시스템 인 GIT를 소개합니다. 오프라인 기능 및 강화 된 협업을위한 효율적인 분기/병합과 같은 중앙 집중식 시스템에 대한 GIT의 장점을 강조합니다. 이 기사는 또한 학습 r

초보자를위한 GIT 관리 도구 사용을위한 GIT 관리 도구 튜토리얼 사용 방법 초보자를위한 GIT 관리 도구 사용을위한 GIT 관리 도구 튜토리얼 사용 방법 Mar 06, 2025 pm 01:33 PM

이 초보자 안내서는 버전 제어 시스템 인 GIT를 소개합니다. 기본 명령 (Init, Add, Commit, Status, Log, Branch, Checkout, Merge, Push, Pull) 및 병합 충돌을 해결합니다. Clear Comm을 포함한 효율적인 GIT 사용을위한 모범 사례

See all articles