Github 블로그에 Image 올리기

Update

• 2024-04-25 (1st update)

Introduction

Githubio를 통한 블로그를 만들던 도중 하나 생각이 든게 있다. 이미지를 통해서 많이 저장을 하게 될 텐데 이 많은 이미지 또는 gif를 githubio에 올릴 수 있을까?

당연히 아니다. Github blog는 1GB를 넘을수도 없고, 트래픽은 한달에 100GB로 제한되어 있다.

깃허브 공식 홈페이지에는 아래와 같이 나와있다.

• Published Github Pages sites may be no longer than 1GB.
• Github Pages sites have a soft bandwidth limit of 100GB per month.

이와 관련하여 어떤 방법을 대처할 수 있을까 생각하던 차 대부분의 방법에서 추천하는 방법은 OneDrive와 GoogleDrive를 추천했다. 근데 내가 둘 다 해보니 지금은 보안 문제 때문인지 코드를 바꿔도 작동하지 않는다.

그래서 나는 몇몇의 블로그에서 추천하는 Github issue게시판을 이용하기로 하였다.

이 방법은 이미 내가 작동하는 것을 확인했기 때문에 방법을 설명하도록 하겠다.

Procedure

절차는 너무나도 간단하다. 간단하니 한 탭안에서 모두 설명하겠다.

Github는 아무 github나 상관없다. 페이지를 방문하면 아래와 같은 Issues탭이 있을 것이다. 아래와 같이 클릭하면 된다.

Issues탭으로 들어가게 된다면, New Issue라는 탭을 아래와 같이 바로 확인할 수 있을 것이다.

클릭해서 들어가면 크게 우리가 클릭해야할 것은 Bug Report와 Feature Request이다. 아래처럼 해당 버튼을 클릭해주자.

둘 중 아무거나 클릭해서 들어가면 아래의 첫번째 그림처럼 무언가를 적을 수 있는 창이 나온다. 나는 Bug Report창으로 들어가서 Describe the bug탭을 보면 뭔가를 적을 수 있게 만들어놨다. 클릭해보자.

클릭하면 창이 2번째 그림처럼 바뀐다 여기에 우리의 githubio에 업로드하고싶은 그림은 Drag & Drop을 해보자. 그럼 3번째 그림처럼 바뀐다. 그럼 이제 우리가 markdown내에 넣을 수 있는 주소가 3번째 그림처럼 나온다.

나오는 코드를 모두 복사해서 우리가 쓰는 포스트에 넣고 아래의 명령어를 통해서 local 홈페이지에서 확인해보자.

$ cd /{your github io}/
$ jekyll serve

그리고 나오는 주소를 복사해서 확인하면 아래와 같이 보이는 것을 확인할 수 있다!