-
2023.04.10
[GitHub] 깃허브 페이지에 GIF 이미지 넣는 방법 (README.md 등)
깃허브 페이지에 GIF 이미지 넣는 방법 (README.md 등) 들어가며 깃허브 페이지(README.me) 페이지 등에 GIF 이미지를 넣는 방법을 알아보자. 깃허브의 이슈(Issues) 페이지에 글을 첨부하는 기능을 활용하는 방법이다. 방법 ① gif 파일 준비하기 깃허브 페이지에 넣고 싶은 @.gif@ 파일을 준비한다. https://giphy.com/ 와 같은 사이트에서 다운로드 받는다. ② 깃허브의 아무 레포지토리의 Issues 탭 들어가서 이미지 첨부하기 깃허브의 아무 레포지토리에 들어가서 @[Issues]@ 탭을 클릭한다. @[New Issue]@ 버튼을 클릭한다. 준비한 @gif@ 파일을 본문 영역에 드래그 & 드롭(Drag & Drop)해준다. @![Uploading (파일이름).gif...
-
2022.06.23
[GitHub] 마크다운(Markdown) 문서에 유튜브(YouTube) 동영상 추가하기
마크다운(Markdown) 문서에 유튜브(YouTube) 동영상 추가하기 들어가며 깃허브(GitHub)의 마크다운 문서는 정적(Static) 형식의 포맷만 지원하기 때문에 동적(Dynamic)으로 작동하는 비디오 등을 삽입할 수 없다. 하지만, 다음과 같이 동적으로 삽입한 것과 같은 효과를 줄 수 있다. 방법 깃허브의 마크다운 문서에서 이미지와 링크롤 모두 삽입하는 다음의 형식을 활용하는 방법이다. [](유튜브_링크) 최종적으로 다음과 같이 사용하여 페이지이 유튜브 영상을 삽입한 것과 같은 비슷한 효과를 연출한다. 유튜브 주소 ID는 유튜브의 영상 주소에서 = 문자 뒷 부분이다. [ 스타일 적용하는 방법
[티스토리 블로그] 깃허브 마크다운(GitHub Mardown) 스타일 적용하는 방법 서론 평소에 깃허브 페이지 에 공부한 내용을 정리하는 습관을 갖고 있었다. 최근에 티스토리 블로그가 대폭 개편되면서 마크다운(Markdown)으로 글을 쓸 수 있게 되었는데, 깃허브 페이지의 스타일과 너무 맞지 않아 이질적인 느낌이 들었다. 또 글을 쓴 대로 잘 표현되지 않았다. 그래서 구글링을 통해 티스토리 블로그에 깃허브 마크다운(GitHub Markdown) 스타일을 적용시키는 방법을 알게되었다. 앞으로 마크다운 형식으로 블로그에 글을 올리려고 한다. 스타일 적용 방법 ① github-markdown.css 소스 코드 복사 : Link ② 티스토리 블로그 설정 -> [스킨 편집] -> [html 편집] [CSS] ..
