[생활 꿀팁] 티스토리 PDF 뷰어 띄우기

나는 한글파일에 요약지를 쓰는 것이 편하고 좋았다.

본래는 요약지를 쓰고 내용 기반으로 다시 글을 썼는데,

효율적이진 않다고 생각해 PDF파일로 변환하여 올리기 시작했다... 

 

아래는 PDF를 올리는 법이다.

 

---

준비물 :

구글 드라이브 계정, 올릴 PDF파일

 

 

1. 구글 드라이브에 파일 업로드

 

 

2. 공유할 파일의 세부속성에서 "공유" 혹은 "링크 생성" 클릭

 

3. 공개 속성 "링크가 있는 모든 사용자"로 변경

 

 

4. 링크 복사를 이용해 링크를 추출한다.

 

5.  복사된 링크에서 고유 ID를 추출해낸다.

- 초록색으로 표시된 부분이 고유 ID이다. 

https://drive.google.com/file/d/1nY5ii5yKyr57oNgGTCIRznDU3PIxXQxt/view?usp=sharing

 

 

6.  고유 ID 해당 코드에 넣어 적용한다.

- 코드의 ▣ 부분에 구글 드라이브 공유 주소의 ID 넣는다.

- 각 코드는 PDF 뷰어, 다운로드 바로가기를 표출한다.

<p><iframe src="https://drive.google.com/file/d/▣▣▣▣▣/preview" width="1920" height="1000"></iframe></p>
<P><a href="https://drive.google.com/file/d/▣▣▣▣▣" target="_blank" rel="noopener">새 창에서 열기</a></p>

 

아래는 적용 예시

<p><iframe src="https://drive.google.com/file/d/1nY5ii5yKyr57oNgGTCIRznDU3PIxXQxt/preview" width="750" height="530"></iframe></p>
<P><a href="https://drive.google.com/file/d/1nY5ii5yKyr57oNgGTCIRznDU3PIxXQxt" target="_blank" rel="noopener">새 창에서 열기</a></p>

 

7.  티스토리 HTML 편집을 이용한 적용

 - 글 작성에서 HTML 모드로 변경 후 해당 코드를 넣는다.

- 코드 붙여넣기 후 다시 기본 모드로 편안하게 글을 작성하면된다.

HTML 모드 진입 방법

HTML 편집 모드에 붙여넣기

기본모드로 다시 변환 시 적용된 모습

 

 

 

 

코드 및 내용 출처 : https://thisisprogrammingworld.tistory.com/71