github blog 이미지 넣기

오늘은 이미지를 업로드 하는 방법을 포스팅 하려고 합니다.

우선 앞으로 github blog를 꾸미기 혹은 사용하기 위해 Typora, Visual Studio Code, github deskTop 세가지 툴을 사용하려고 합니다. 먼저 자신의 PC에 설치를 했다는 가정하에 진행하도록 하겠습니다.

Typora의 기본화면인데 github 폴더(프로젝트)와 연결을 시켜주셔야 합니다

좌측상단에 있는 파일 클릭 -> 폴더 열기 클릭

그리고 자신의 github폴더선택

그러면 Typora 파일 트리에 블로그 폴더 구성들이 보이게 됩니다

그중 _posts클릭하시면 사용자가 만든 post가 나오게 됩니다

이렇게요

(글씨들은 제가 사전에 미리 써 놓은 것들입니다)

그리고 설정할 부분이 하나 있는데

환결설정에 들어가셔서

이미지를 클릭

그러면 특별한 동작 없음을 Copy image to custom folder로 변경해주시고

경로를 맞춰주시야 됩니다

대부분 기본값은 ./${filename}일텐데 이것을

../images/${filename}으로 수정해주시면 되고

가능하다면 상대적 위치 사용

체크박스를 체크 해주시면 됩니다

그리고 환경설정 오른쪽에 있는 파란색 x를 눌러시면 설정이 끝나게 됩니다

다시금 post로 돌아와서 본인이 맘에 드는 사진을 골라 드래그 앤 드랍으로 올려주시면

사진이 올라가는 걸 확인하실 수 있습니다

그러면서 동시에 설정에서 수정한

../images/${filename}경로대로

좌측 트리에 images폴더가 생긴 것을 확인하실 수 있습니다

단축키 Ctrl+s를 누르셔서 저장을 하신 후 이제

github deskTop을 이용하여 github서버에 올리게 되는데

github deskTop을 보시면

Changes에 바뀐 폴더들이 나타나게 됩니다

Summary부분에 간략한 설명을 적어주시고

하단에 있는 Commit to master 혹은 Commit to gh-pages를 눌러주시면 됩니다

(나중에 master와 gh-pages차이점도 알아봐야 할 것 같습니다 아직 쌩 초보라 부족한 점이 많네요)

마지막으로 Push origin버튼을 눌러주시면

시간이 조금 지난 후에 블로그에 사진이 올라가는 걸 확인하실 수 있습니다