728x90
728x170
마크다운(Markdown) 문서에 유튜브(YouTube) 동영상 추가하기
들어가며
- 깃허브(GitHub)의 마크다운 문서는 정적(Static) 형식의 포맷만 지원하기 때문에 동적(Dynamic)으로 작동하는 비디오 등을 삽입할 수 없다.
- 하지만, 다음과 같이 동적으로 삽입한 것과 같은 효과를 줄 수 있다.
방법
- 깃허브의 마크다운 문서에서 이미지와 링크롤 모두 삽입하는 다음의 형식을 활용하는 방법이다.
[![이미지_텍스트](스크린샷_이미지)](유튜브_링크)
- 최종적으로 다음과 같이 사용하여 페이지이 유튜브 영상을 삽입한 것과 같은 비슷한 효과를 연출한다.
- 유튜브 주소 ID는 유튜브의 영상 주소에서 = 문자 뒷 부분이다.
[![Video Label](http://img.youtube.com/vi/'유튜브주소ID'/0.jpg)](https://youtu.be/'유튜브주소ID')
- 적용시킬 경우, 마크다운 문서에서 다음과 같이 표현된다.
- 마크다운 문서에서 영상이 바로 재생되지는 않지만, 유튜브 영상의 썸네일이 삽입된 것과 같은 효과를 연출한다. 이미지를 클릭할 경우 영상이 있는 유튜브 페이지로 이동한다.
728x90
그리드형(광고전용)
'In-depth Study > Git' 카테고리의 다른 글
[Git] 깃허브(GitHub) 마크다운(Markdown) 페이지에 Note, Warning, Important 하이라이트(Highlight) 표시하는 방법 (0) | 2023.10.24 |
---|---|
[GitHub] 깃허브 페이지에 GIF 이미지 넣는 방법 (README.md 등) (0) | 2023.04.10 |
[GitHub] 깃허브(GitHub)와 비주얼 스튜디오 코드(Visual Studio Code) 연동하기 (0) | 2022.06.24 |
[Git] 깃(Git) 설치 후, 사용자 계정/이메일 설정하는 방법 (0) | 2022.06.15 |
[Git] Git 연동 오류 : Make sure you configure your 'user.name' and 'user.email' in git. (0) | 2021.06.22 |
[Git] Git 기본 설정 (0) | 2018.08.04 |
Mastering Markdown (0) | 2017.11.16 |
Git 명령어 목록 (0) | 2017.05.17 |