[Github] Github page 기능을 통한 웹 사이트 운영

2021. 2. 23. 19:57·Programming/Git
728x90

 

 

포트폴리오와 TIL 를 위한 웹 사이트를 제작하기로 했습니다.

Github를 웹 호스팅으로 이용하기로 했고 그 방법을 소개하겠습니다!


 

 

 

1. Repository 를 생성

 

2. index.html 파일을 생성

웹 사이트의 메인 페이지로 사용될 파일입니다.

저는 Hello라는 텍스트만 담은 파일로 생성했습니다.

 

3. Github Pages 설정

Settings > GitHub Pages > Source 에서 None을 클릭하여 master branch 를 선택하고 Save!

Settings 에 들어가서 아래로 쭉 내리면 찾을 수 있습니다.

Save하면 index.html 이 자동으로 웹 사이트의 소스로 공개됩니다.

 

 

4. 생성된 링크를 통해 웹 사이트로 들어갈 수 있습니다.

index.html 이 이 웹 사이트의 메인 페이지로 자동 설정됩니다.

적용되기까지 시간이 좀 걸리는 경우도 있습니다..!

 

 

 

url 뒤에 index.html 을 붙이면 바로 해당 화면으로 들어갈 수 있습니다.

제 index.html 파일에는 Hello라는 텍스트가 들어있기 때문에,

다음과 같은 화면을 확인할 수 있습니다.

 

🍀 완성 🍀

 

이제 자신이 가진 웹 페이지 제작 스킬로 페이지를 꾸며주면 됩니다 🙌

 

 

728x90
저작자표시 (새창열림)

'Programming > Git' 카테고리의 다른 글

[Jekyll] Jekyll와 Github로 만드는 깃허브 블로그 - (3) 글씨체 변경  (0) 2021.07.04
[Jekyll] Jekyll와 Github로 만드는 깃허브 블로그 - (2) Ubuntu에서 Ruby와 Jekyll 설치하기  (0) 2021.02.25
[Jekyll] Jekyll와 Github로 만드는 깃허브 블로그 - (1) Jekyll 테마 적용하기  (1) 2021.02.25
[Github] Github 프로필에 Daily 코딩 시간 나타내기  (7) 2021.02.23
[Git] Git GUI SourceTree 설치 및 사용법  (0) 2021.01.17
'Programming/Git' 카테고리의 다른 글
  • [Jekyll] Jekyll와 Github로 만드는 깃허브 블로그 - (2) Ubuntu에서 Ruby와 Jekyll 설치하기
  • [Jekyll] Jekyll와 Github로 만드는 깃허브 블로그 - (1) Jekyll 테마 적용하기
  • [Github] Github 프로필에 Daily 코딩 시간 나타내기
  • [Git] Git GUI SourceTree 설치 및 사용법
s_ih_yun
s_ih_yun
  • s_ih_yun
    CODESYUN
    s_ih_yun
  • 전체
    오늘
    어제
    • 분류 전체보기 (326)
      • Computer Science (26)
        • Concept (3)
        • Algorithm (23)
      • Web (54)
        • Web (7)
        • Spring (14)
        • MyBatis (1)
        • AWS (7)
        • HTML & CSS (14)
        • JavaScript (11)
      • Programming (37)
        • C++ (3)
        • Java (6)
        • Python (10)
        • MySQL (1)
        • Oracle (2)
        • Git (15)
        • Dev Tools (0)
      • Infra˙ DevOps (1)
      • Baekjoon (104)
        • 단계별로 풀어보기 (78)
      • CodeUp (98)
        • Python 기초 100제 (98)
      • Programmers (2)
      • Books (3)
      • etc (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

    • Syun's Pages
  • 인기 글

  • 태그

    db
    git
    spring
    CSS
    JavaScript
    myBatis
    Tistory
    MySQL
    Cloud
    자료구조
    java
    SourceTree
    웹
    C
    Programmers
    clean code
    c++
    Python
    CodeUp 기초 100제
    알고리즘
    VS Code
    web
    codeup
    github
    oracle
    HTML
    단계별로 풀어보기
    aws
    BOJ
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
s_ih_yun
[Github] Github page 기능을 통한 웹 사이트 운영
상단으로

티스토리툴바