본문 바로가기
Web/Markup

[마크다운] 링크 및 사진 삽입

by Gina Sim 2020. 5. 16.

링크 삽입

< 왼쪽 > 문법

< 오른쪽 > 결과

   - 첫 번째 링크 넣기: [링크 표시 이름](링크 주소)

        => 링크 표시 이름에 링크가 삽입되어 표시

   - 두 번째 링크 넣기: <링크 주소>

        => 링크 주소만 표시

 

 

사진 삽입

 

< 위 > 문법

   - 사진 넣기: [사진이 나오지 않을 때 표시될 이름](사진 링크 주소.파일형태 "사진 위에 마우스 올렸을 때 표시될 설명")

< 아래 > 결과

   - 만약 사진 주소가 틀리거나 다른 이유로 사진이 올라가지 않는다면 아래 사진과 같이 [ ] 안의 내용이 뜸

 


 

사진 업로드를 확실하게 하기 위해서는 주소가 틀리지 않도록 주소를 복사해서 붙여주도록 한다!

 

1. 사진과 같이 GitHub에 사진 미리 업로드

2. 이용하고 싶은 사진에 마우스 오른쪽 버튼

3. 링크주소 복사

4. 필요한 곳에 붙여 넣기 하고 master까지는 지우고 이용

   예) 사진 원래 주소: "github.com/Gina-IT/How_to_use_Github/blob/master/_img/%EA%BD%83.jpg" 이면

        master까지는 지우고 "/_img/%EA%BD%83.jpg" 부분만 이용

 

 

 

반응형

댓글