소개 시작하기

이 페이지의 정보는

"md 파일을 GitHubPages에 게시하려면 어떻게해야합니까?"

"pdf 파일을 GitHubPages에 게시하면 어떻게해야합니까?"

라는 두 가지 질문에 대응합니다.

소개

VSCode의 추가 플러그인으로 Marp라는 것이 있습니다.

이것은 Google 프레젠테이션이나 PowerPoint에서 프레젠테이션 자료를 만드는 작업입니다.
MarkDown 기법에 의해 대용할 수 있다! 라는 것입니다.

자세한 내용은 여기

그런데, 나는 이 Marp를 이용해, 슬라이드를 PDF 파일로서 작성(= MarkDown으로 기술→PDF로서 저장) 했습니다만,

「PDF 파일 그 자체」 「원래가 된 MarkDown 파일의 소스 코드」를, GitHubPages로 공개하려면 어떻게 하면 좋을까?

라는 문제가 발생하여 해결할 수 있었기 때문에,
거기서 얻은 것을 공유합니다.

전제 조건

PDF 파일과 기본 MarkDown 파일은 이미 만들어져 있다고 가정합니다.

주의

GitHubpages에서 md 파일을 출력할 수 없음

README.md는 예외로서 일단 표시할 수 있는 것 같습니다만,
다른 md 파일에 액세스하려고하면 404가 반환됩니다.



그래서 md 형식이 아닌 txt 형식으로 다시 저장하고 GitHub에 업로드합니다.

HTML로 작성하는 방법

인라인 프레임 태그를 사용합니다.
width나 height등은 기호로 조정해 주세요.
CSS 등으로 회전 등의 설정을 하면 더욱 깨끗해질 것입니다.

    <iframe
      class="slide"
      src="projectSlidebyMD20200626.pdf"
      width="50%"
      height="500px"
    ></iframe>

    <iframe
      src="projectSlidebyMD.txt"
      width="45%"
      height="500px"
      class="sorce"
    ></iframe>

출력 예

참고

LT 슬라이드를 만드는 데 시간이 걸리지 않기