Github blog 따라하기 - 포스팅에 이미지를 삽입하는 방법

포스팅에 이미지를 추가하는 방법을 알아보자

1. 이미지를 추가하는 2가지 방법

1. 깃허브 issue를 활용해서 md형식으로 변환된 이미지 사용한다.

   ![lena](https://user-images.githubusercontent.com/98035435/150297312-edd49884-6e12-4210-9b02-588efa2854b8.jpg){: width="50%" height="50%"}
   

2. root내 images폴더를 생성 후 그 안에 이미지를 추가해서 이미지 파일명으로 불러와서 사용한다.

   <img src="/images/img.png" width="50%" height="50%">
   

2. 이미지를 가운데 정렬하는 방법

- 1번을 사용해서 이미지를 삽입했을 때

위에서 설명한 이미지를 추가하는 방법 중 1번으로 이미지를 삽입 했을때는 크기를 지정한 괄호 안에 .align-center를 추가해주면 된다.

![lena](https://user-images.githubusercontent.com/98035435/150297312-edd49884-6e12-4210-9b02-588efa2854b8.jpg){: width="50%" height="50%" .align-center}

- 2번을 사용해서 이미지를 삽입했을 때

위에서 설명한 이미지를 추가하는 방법 중 2번으로 이미지를 삽입 했을때는 문장 앞에는<center>를 뒤에는 </center>를 추가해주면 된다.

<center><img src="/images/img.png" width="50%" height="50%"></center>