마크다운으로 깃헙 블로그를 만들다보면, 슬라이드 형식의 시각화가 필요할 때가 더러 있습니다. 이번 글에서는 microsoft사의 PPT를 깃헙 블로그에 삽입하는 방식에 대해 적어보겠습니다.
upload PPT to Onedrive
PPT를 임베딩하기 위한 가장 간단한 방법은 Microsoft사의 onedrive를 이용하는 것입니다. 이 곳에 완성된 PPT를 upload한 뒤에 해당 파일을 다시 열어서 아래의 순서대로 따라갑니다.
파일 - 공유 - 포함
위의 순서대로 진행하면, 최종적으로 Embed tag를 얻을 수 있습니다.
이전에는 로컬에서도 마찬가지 방법으로 가능했단 갓 깉은데, 버전의 문제인지 제가 가지고 있는 powerpoint 버전에서는 onedrive에 업로드하는 방법만 가능한 것으로 알고 있습니다.
Embed Tag
Embed 태그란, HTML 코드를 사용해서 파일을 블로그나 웹페이지에 포함할 수 있도록 변환시켜준 것입니다. 아래와 같은 형태를 띕니다.
1
<iframe src="https://onedrive.live.com/embed?cid=65EC8853F74DD168&resid=65EC8853F74DD168%215259&authkey=AFpjQF5CHBOdGvY&em=2&wdAr=1.7777777777777777" width="350px" height="221px" frameborder="0">포함된 <a target="_blank" href="https://office.com">Microsoft Office</a> 프레젠테이션, 제공: <a target="_blank" href="https://office.com/webapps">Office</a></iframe>
이제 마지막으로 위에서 복사한 Embed Tag를 그대로 md 파일에 집어넣어주면 됩니다. 아래에서는 크기별 예시입니다. 결국 생성된 embed tag에서 width와 height의 픽셀 크기만을 조절한 것입니다.
크기1 [350 X 221]
모바일에서는 위의 크기가 가장 적합해보입니다.
크기2 [610 X 367]
웹에서는 위의 크기가 가장 적합해보입니다.
크기3 [962 X 565], [1186 X 691]
[962 X 565]는 양옆의 사이드바가 없는 블로그에는 어울릴 수 있는 크기입니다.
[1186 X 691]는 무지막지하게 큽니다. 웬만하면 사용할 일이 없을 크기입니다.