WEB 디자이너도 GitHub의 무료 프레젠테이션 사이트(Windows 버전)를 공개했으면 좋겠어요.

5190 단어 GitGitHub

프레젠테이션용 무료 사이트를 사용하고 싶습니다.


자신이 만든 css의 디자인과 jQuery를 인터넷에 적어서 필요할 때 한번 보고 싶습니다.
그래서 동작도 확인하고 싶어요.
이런 욕구를 충족시키기 위해 조사하면 GitHub에 이런 서비스가 있습니다.GitHub Pages라고 합니다.
그런데 서버 쪽과 프로그래밍 언어?이런 뜬금없는 기사를 주워도 판독이 안 돼요.
그래도 쓰고 싶어요.
그래서 조사한 거야.
근본적인 부분을 이해하지 못하기 때문에 통용되는 내용은 아니지만 얻기 어려운 기회이기 때문에 필기와 동시에 남긴다.

1. 보도 준비 및 참고

  • GitHub 계정 얻기⇒코키라~
  • Git 다운로드 (GitHub와는 별개!)⇒코키라~
  • 보도 참조GitHub Pages를 사용하는 정적 웹 사이트의 공개 방법이 매우 간단해졌습니다.
  • 보도 참조GitHub Pages에서 프레젠테이션 사이트를 무료로 게시하는 방법

    • 2. 자주 나오는 Git 용어(?)


    Git를 사용할 때 일반적으로 사용하는 단어인 것 같습니다.나는 개인적으로 너무 많은 것을 처음 들어서 필기를 한다.
  • 저장소: 파일과 디렉터리 상태를 저장하는 위치.기록 파일이 기록 위치를 추가하거나 변경합니다.
  • 로컬 및 원격 저장소: 로컬 (PC에서) 저장소 및 원격 (WEB에서) 저장소.
  • 제출: 저장소에 파일 추가 또는 변경 내역 저장
  • 푸시: 파일 추가 또는 변경 기록을 원격 저장소에 업로드하는 작업
    • 참고 자료 이제 물어보면 안 돼!GitHub 사용법[초초보자용]

    3. GitHub를 사용하여 저장소 만들기(원격 저장소 만들기)


    WEB에 기록된 장소부터 만들자!이해했어.
    로그인GitHub 후 "new repository"를 누르십시오.

    ① 저장소 이름을 정하고 ② 만들기!

    4. 로컬 환경에서 프레젠테이션 사이트 만들기


    유일하게 이해할 수 있는 점(웃음)
    html
    <!DOCTYPE html>
<html>
<body>
<p>TEST PAGE</p>
</body>
</html>
    위와 같이 수첩 등으로 HTML 파일을 만들어 폴더에 넣습니다.이번에는 데스크톱에 저장합니다.

    5. 로컬에서 Git 저장소 작성 및 제출 (로컬 저장소)


    나는 이 부근에서부터 언어를 이해하는 데 많은 시간이 걸렸다.레자프만 나와.
    아무튼 아까 HTML 파일을 WEB에 올리기 전에 PC에 있는 Git으로 잠시 저장한다는 뜻... (자신이 없음)

    ① Git Bash 시작


    여기서 드디어 Git 등장!
    Git을 다운로드하는 과정에서'Git Bash'라는 것이 있습니다.
    이것을 시작하면 컴퓨터에 직접 사령관을 보낼 수 있는 검은 화면이 나온다.(종착역이라고 함)
    ※ 행복의 종착역에 문자를 입력할 때 한 줄 한 줄 같다.한 줄을 입력한 후 컴퓨터의 회답을 기다리세요.(텍스트 대량 발생)
    왠지... 엔지니어 같아.
    최초의 단말 화면은 이런 느낌이었어요.
    kapeing@kapeing-PC ~
$
    이번에는 데스크톱에서 "test"폴더를 만들었습니다. 그 중에서 index입니다.html을 넣었습니다.
    터미널에서 라이센스를 제출하기 위해 테스트 폴더로 이동합니다.
    $다음에 cd 데스크톱/(스왑 디렉터리 데스크톱) 을 입력합니다.
    kapeing@kapeing-PC ~
$ cd Desktop/
    Enter 를 눌러 기다리면 문자가 와르르 나오기 때문에 마지막 $에 cd test/를 입력합니다.
    kapeing@kapeing-PC ~/Desktop
$ cd test/
    이렇게 하면 테스트 폴더로 이동할 수 있습니다!화면이 이럴 거예요.
    kapeing@kapeing-PC ~/Desktop/test
$

    ※ 참고로


    제출할 파일이 현재 열려 있는 폴더에 있는지 터미널에 ls를 입력하면 확인할 수 있습니다.
    kapeing@kapeing-PC ~/Desktop/test
$ ls
index.html

    ② 새 로컬 저장소


    터미널에git init를 입력하십시오.
    kapeing@kapeing-PC ~/Desktop/test
$ git init
    이렇게 하면 글자가 뒤죽박죽인 어미가 덧붙는다.
    (테스트 폴더에서 ".git"이라는 폴더가 나타났습니다!)
    이것은 지점이라고 하는 것 같다.바로 마스터 지점!
    kapeing@kapeing-PC ~/Desktop/test (master)
$
    새 로컬 저장소가 생성되었습니다!

    ③ 로컬 저장소로 커밋


    제출할 변경 사항을 Git에 알립니다.(무대 구역에 놓은 것 같아! 그게 무슨 뜻이야?)
    $다음은gitadd입니다.의 양곡 탄젠트 값입니다.
    kapeing@kapeing-PC ~/Desktop/test (master)
$ git add .
    이렇게 해서 제출할 준비가 됐습니다!
    그럼 드디어 제출하겠습니다.git commit-m "Add a demo website"를 입력합니다.
    kapeing@kapeing-PC ~/Desktop/test (master)
$ git commit -m "Add a demo website"
    변경 사항을 커밋하고 기록합니다.
    그래서 - m 뒤에 있는 큰따옴표에 변경된 내용을 입력하세요.
    이렇게 되면 아마 일본어는 무엇이든지 쓸 수 있을 거예요.
    안 해봐서 모르겠어요.

    6. 원격 저장소로 푸시


    GitHub의 원격 저장소로 master 브랜치를 밀어넣습니다.

    ① 푸시 대상 원격 저장소 지정


    $다음에 git remote add origin [GitHub로 만든 원격 저장소의 URL]을 입력합니다.
    kapeing@kapeing-PC ~/Desktop/test (master)
$ git remote add origin https://github.com/kapeing/test-page

    ② 푸시


    $다음에 git push origin master를 입력하십시오.
    kapeing@kapeing-PC ~/Desktop/test (master)
$ git push origin master
    그래서 GitHub에서 로그인 요청이 왔습니다!다른 창문으로 와!
    이로써 푸시 완료.
    처음에 만든 원격 저장소의 페이지를 업데이트한 후 화면을 전환하여'index.html'을 표시합니다.
    이렇게 하면 테스트 페이지를 사용할 수 있습니다!너무 좋아요!

    7. 프레젠테이션 사이트 보기


    아래 URL에서 볼 수 있습니다.
    https://(GitHub의 계정 이름).github.io/(원격 저장소 이름)/
    이번에 제가 만든 페이지의 URL은 여기 있습니다.응, 힘들어...
    https://kapeing.github.io/test-page/
    그나저나 시위 사이트를 보려면 시간이 좀 걸릴 것 같다.
    10분 걸리겠지.인내심을 가지고 기다려라!
    ext-- 양식 초기화
    Laravel+반응

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage