만들어보기

Github.io 로 나만의 블로그 만들기 [2]

Se Yeon 2021. 12. 19. 15:51

 [1]에 이어서 github.io 블로그 만들기 시작 !
원래는 다운받은 테마를 약간만 수정해서 내 사이트를 만드려고 했는데 처음부터 끝까지 직접 만들어보고 싶은 욕심이 생겨서 다시 시작하기로 했다 :-)

원래 존재하던걸 삭제 후 다시 Repository 생성 ! (새로운 마음으로 해야지,,)

git clone

HTTPS 주소 복사 후 git clone 주소 를 입력해서 복사해주기 !

index.html을 추가했다. 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name='viewport' content="width=device-width, initial-scale=1.0">
    <link rel='stylesheet' type='text/css' href='style.css'>
    <title>황세연 포트폴리오</title>
  <body>
    <header>
      <h2>HSY's Portfolio</h2>
      <nav>
        <ul>
          <li>about</li>
          <li>record</li>
          <li>portfolio</li>
          <li>contact</li>
        </ul>
      </nav>
    </header>
    <!-- welcome -->
    <main>
      <div class="welcome">
        <img src="">
        <h2>Welcome my Portfolio site</h2>
      </div>

      <div class="about me">
        <img src="">  <!--내사진 넣기-->
        이름
        생년월일
        연락처 
      </div>
      
      <div class="record">
        tistory 소개
        github 주소
      </div>


      <div class="portfolio">
        
      </div>

      <div class="contact">
        <h5>hsy_0204@naver.com</h5>
        <a href="https://github.com/Se-Yeon99">Se-Yeon99</a>
      </div>
    </main>
    <footer>
      @2021. Hwang Se Yeon. All rights reserved.
    </footer>

  </body>
  </head>
</html>

가볍게 구성한 틀을 적어봤다. 

 

잘 되는지 확인 완료 ! css, js를 이용해서 계속 꾸며야지 :-)

저작자표시 비영리 변경금지

'만들어보기' 카테고리의 다른 글

Github.io 로 나만의 블로그 만들기 (Jekyllthemes) [1]  (2) 2021.12.02
[HTML/CSS] 베라 모바일 웹 애플리케이션 만들기  (2) 2021.08.22

'만들어보기'의 다른글

  • 현재글Github.io 로 나만의 블로그 만들기 [2]

관련글

티스토리툴바