포크받은 깃허브 블로그가 이제 제대로 나왔다면 블로그 답게 이젠 글을 써보고 싶을 꺼예요.

깃허브 블로그는 마크다운(MarkDown)형식으로 글을 씁니다.

마크다운으로 글을 쓰려면 또 마크다운 문법을 익혀야 하는데요.

물론 또 이걸 익혀야해? 하고 스트레스 받을 수 있습니다.

그래서 먼저 아주 간단하게 마크다운을 학습할 수 있는, 또 마크다운을 사용할 수 있는 프로그램을 다운 받아서 학습과 사용을 하려합니다.


혹시 마크다운 문법을 배우면서 사용하면서 볼수 있는게 있으면 좋을꺼 같다라는 고민을 해보셨다면

그게 이미 있습니다!

배우면서 + 사용하면서 + 동시에 볼 수 있는 것.

바로 하루패드(HarooPad)입니다.

하루패드는 대부분의 OS를 지원합니다.

윈도우, 맥OS, 리눅스 다 사용이 가능합니다. 그리고 사용하기 굉장히 쉽고 무엇보다 '한글' 입니다.

한국인 개발자분이 만드셨다고 합니다. 또한 무료 입니다.


이 말도 안되는게 실제로 있습니다.


동영상 첨부 합니다. 이 영롱한걸 일단 한번 보세요.



http://pad.haroopress.com/

여기가 바로 그 사이트 입니다.


하루패드 설치


1. 사이트에 접속하셨다면 다음과 같은 화면이 보입니다.  User  이라는 버튼이 보입니다. 그 버튼을 클릭합니다.


2. 이제 이런화면이 나오는데 나는 윈도우10 인데 어떤걸 받아야 하지 고민이 될 수 있습니다.

자신에게 맞는 OS버전이 없다면 조금 스크롤을 내려보도록 합니다.


3. 스크롤을 내리면 OS별 아이콘들이 나옵니다!

자신에게 맞는 OS 아이콘을 클릭하면 설치파일을 다운 받습니다.


4. 설치를 완료하고 프로그램을 실행한 모습입니다.

그럼 이걸로 어떻게 마크다운을 학습할 수 있는지 알아보기 위해 좌측 하단의 파란색 버튼을 클릭해 봅니다.


5. 더이상의 설명이 필요할까요. 이건 바로 이렇게 사용하면 됩니다.

우측 하단의 기부 버튼이 있는데 혹시 맘에 드시거나 유용하게 사용하고 계시다면 기부하시면 더욱 좋을듯 합니다. 저도 하겠습니다. 기부! 내돈 가져가요!


6. 이제 블로그에 글을 한번 써보겠습니다.

그러기 위해서 저희가 처음에 준비했었던 그리고 이제야 사용하게 되는 깃을 써보려 합니다.

1부에서 잠깐 언급했던 'Git Bash'를 실행시킵니다.


7. 자 일단... 제 컴퓨터 기준으로 저는 컴퓨터에 드라이브가 2개 있습니다.

C드라이브, D드라이브가 있죠.

저는 D드라이브에서 제 깃허브 블로그를 관리하려 합니다.

그리고 깃허브에 올라가 있는 블로그관련 파일을 모두 다운받으려 합니다.

그러기 위해서 다음과 같은 명령어를 입력합니다.

cd d:/

git clone http://github.com/닉네임/저장소이름


8. 제대로 다운로드를 받았다면 D드라이브를 확인해 보겠습니다.

깃허브 와 정말 똑같습니다.

그리고 저희들이 글을 써야하는 폴더는 _posts 입니다.

그 폴더를 열어봅니다.


9. 글을 쓸때에는 파일 이름을 정해진 규칙대로 만들어야 합니다.

YYYY-MM-DD-제목.md

뒤의 .md 는 파일 확장자 입니다. 파일을 만들때엔 반드시 .md 파일로 만들어야 합니다.

그렇다면 다운 받은 폴더째로 텍스트 에디터에 옮겨 넣어 포스팅을 작성해 보겠습니다.


10. 포스팅을 시작하기에 앞서 기존의 문서들을 확인해 봤습니다.

그랬더니 모든 문서에는 동일한 규칙이 존재했습니다.

1~4번 라인까지는 반드시 들어가는 것이 존재합니다.

---

layout: post

title: "문서_제목"

---

이 부분을 복사해서 새로운 파일을 만들어 보겠습니다.


11. 새로운 파일을 작성하고 세이브 했습니다.

물론 세이브만 했다고 해서 블로그에 글이 써지는건 아닙니다.

이걸 깃허브에 업로드 해야 보입니다. 이 글이 보여질 수 있게 만들어 보겠습니다.


12. 빨간 줄이 그어진 순서대로

cd 닉네임.github.io

D드라이브 에 있는 방금 다운로드 받았던 자신의 깃허브 저장소로 이동합니다.

git status

파일의 상태를 확인합니다. 새로 만들어진 파일이 있거나 수정된 파일이 있거나 삭제된 파일이 있을 경우 하단에 붉은색 글자로 그 파일의 상태를 보여줍니다.

git add *

새로만들어진 파일을 커밋할 수 있게 바꿔줍니다.

git status

다시 상태를 확인해 봤습니다. 새로 만들어진 파일이 있고 그 파일이 커밋될 수 있다는 의미로 초록색으로 표시된걸 확인했습니다.


13. 이제 커밋을 하고 호스팅에 올릴텐데 다음의 명령어를 입력해 봅니다.

붉은 선이 있는 순서대로

git commit -m "커밋메시지"

커밋 을 하고 커밋 메시지를 입력합니다. 메시지는 꼭 입력해야 합니다.

git status

현재 수정되거나 삭제되거나 새로 만들어진 파일이 있는지 없는지 확인해 봅니다.

git remote -v

현재 리모트 저장소를 확인하기 위해 명령어를 입력해봤습니다. 정확히 제 깃허브 저장소를 가르키고 있네요.

git push

이 명령어를 입력하면 이제 깃허브 블로그에 작성했던 글이 보이게 됩니다. 깃허브 저장소에 커밋된 파일들을 밀어넣습니다.


14. git push 명령을 입력하면 다음과 같은 창이 뜹니다.

깃허브 아이디와 암호를 넣고 로그인 합니다.

때에 따라선 Git Bash 창에 암호만 입력하라고 뜰 경우도 있습니다.


15. 그러면 이렇게 push 명령어가 진행 됩니다.

그럼 정말로 깃허브 블로그에 글이 올라가 있는지 확인해 보겠습니다.


16. 오 제대로 등록이 됐습니다!


댓글 9

  • 호로요이 (2017.11.13 17:22 신고)

    무사히 글 잘 게시했습니다. 감사합니다!

  • 고도 (2017.12.16 15:29 신고)

    대단히 친절한 글 감사합니다~!

    • 회복맨 (2017.12.17 00:23 신고)

      방문해 주셔서 감사합니다 :) 도움이 되었다니 저로써도 기쁘네요!

  • jj_o_o (2018.01.09 12:01 신고)

    친절하게 알려주셔서 블로그 생성 및 글 작성까지 수월하게 할 수 있었습니다 감사합니다ㅠㅠ
    질문 하나만 드려도 될까요? 블로그 글 작성하고 commit 을 했는데 git contribution에 커밋 카운트가 안되서..
    그래프에 색이 안생기는데 혹시 왜 그런지 알 수 있을까요?ㅠㅠ 이런 현상에서 author가 잘못되서 그럴 수 있다고 해서
    그 부분을 재차 확인하고 커밋해봐도 안되네용ㅠㅠ...다른 repository fork 해와서 그런건지 저만그런건지ㅠㅠㅠㅠ
    혹시 알 수 있을까용

    • 회복맨 (2018.01.09 12:57 신고)

      방문해 주셔서 감사합니다.
      일단 아마 이 깃허브 블로그 보셨을꺼 같은데, 보시면
      https://github.com/gitest01/gitest01.github.io/graphs/commit-activity

      작년 2월달에 제가 쓴 글이 맞는거 같고 그대로 커밋 이력이 잘 업데이트 되어있는거 같습니다.

      현재 방문자님 상태가 어떤지 잘 알지 못해서 일단 제가 예상하기로는

      깃허브 아이디 두개를 사용했을꺼 같다 라는 예상이 들긴 합니다.

      저도 이런 질문을 처음 받아봐서 알아보고 싶네요. 자주 방문해 주셔서 어떤 문제인지 알려주시면 도와드리겠습니다.

  • rtf400 (2018.02.06 14:23 신고)

    회복맨 님의 글 정말 유용하게 잘 봤습니다!
    요즘 블로그를 시작하겠다고 마음먹었지만 막막했었는데,
    정말 많이 도움되는 글이었습니다.
    앞으로도 종종 찾아오겠습니다!

  • 단아람 (2018.03.15 21:32 신고)

    유익한 글 인 것 같아요! 혹시 저 프로젝트 수정창은... 웹스톰인가요?

    • 회복맨 (2018.03.15 22:31 신고)

      저는 서브라임 텍스트 를 사용했습니다
      방문해 주셔서 감사합니다:)