티스토리에서 PDF를 바로 읽어보자

 

 

pdf 파일들을 티스토리에서 편하게 보고 싶어 여러가지 방법을 찾아봤다.

그 중 가장 나은 방법이 구글드라이브를 이용해 띄우는 방법인것 같아 소개해본다.

본 게시글을 따라하면 아래와 같이 pdf를 불러올 수 있고, 아래의 새 창에서 열기를 클릭하면 새로운 탭에서 보는 것도 가능하다.

 

새 창에서 열기

 

우선 구글 드라이브에 파일을 업로드한 뒤 공유가 가능하도록 설정을 변경해준다.

 

 

1. 읽어들일 pdf나 ppt 등을 구글드라이브에 올린다.

 

2. 공유할 파일 우클릭 > 공유 선택

 

3. 공유창에서 오른쪽 아래의 '고급' 클릭

 

4. 액세스 권한 '변경' 클릭

 

5. '모든 웹 사용자'로 변경하고 저장

 

6. 파일 위에서 우클릭해 공유가능한 링크 가져오기

그럼 클립보드에 다음과 같이 공유할 수 있는 링크가 복사된다.

https://drive.google.com/open?id=118mnuF1-YCjps4w1ZM3P1jEOkjAfd6XN

여기서 중요한 건 id= 뒤에 오는 파일 ID 값이다. 위 링크로 보자면 118mnuF1-YCjps4w1ZM3P1jEOkjAfd6XN이 파일 id값이다. 따로 복사해둔다.

 

 

여기까지 하면 거의 다 왔다. 티스토리, 블로그 등 html 편집기가 사용 가능한 곳에서 태그를 이용해서 구글드라이브에 올린 pdf를 불러오면 된다. 아래는 내가 입력한 태그다.

<p><iframe src="https://drive.google.com/file/d/파일해시/preview" width="640" height="480"></iframe></p>
<p><a href="https://drive.google.com/open?id=파일해시" target="_blank" rel="noopener">새 창에서 열기</a></p>

 

위 코드에서 파일해시 부분에 위에서 확인한 파일 아이디를 입력해주면 된다. 결과적으로 내가 위에 입력한 코드는 아래와 같다.

<p><iframe src="https://drive.google.com/file/d/118mnuF1-YCjps4w1ZM3P1jEOkjAfd6XN/preview" width="640" height="480"></iframe></p>
<p><a href="https://drive.google.com/open?id=118mnuF1-YCjps4w1ZM3P1jEOkjAfd6XN" target="_blank" rel="noopener">새 창에서 열기</a></p>

 

이렇게 파일 해시값만 변경해 입력해주면 pdf들을 깔끔하게 불러올 수 있다.