블로그 글을 pdf로 저장

시작점

이 블로그에서 따로 저장할 포스트들이 있어 어떻게 하면 캡처가 아닌 다른 방법으로 간단하고 깔끔하게 저장할 수 있을까 고민 중에 인쇄 > 미리 보기 > pdf 저장을 생각해 낸 나 자신.

그렇다면 글만 살리고 댓글창 등은 display:none; 처리하면 되는 거 아닌가 > 가만 보니 사진 등의 이미지도 필요 없겠구나 > 상단 네비게이션도.. > 푸터도... 등등. 하는 김에 하나하나 찾다가 포기할 건 포기하고 얻은 결과물.

@media print

/* style.css */

@media print {
.gnb-left,.gnb-center,.gnb-right, /* 상단 네이게이션 */
#article.fc .image-container,#article.fc .imageblock img,#article img.emoji, /* 글 내 이미지, 이모지 */
figure[data-ke-type='contentSearch'], /* 글감검색 결과 */
.another-category,.tags-trail, /* 카테고리 글 더보기, 태그 */
html.dawn .page-stroke,.activity-func, /* 댓글창 위 구분선, 댓글-공유하기-다른글 슬라이딩 메뉴 */
html.gpu #article.fc .container_postbtn,.activity-content-wrap, /* 글 하단 구독버튼, 댓글창 */
.ft-right,.ft-center,.ft-left /* 푸터 */
{display:none;}

#article a:link:before{content:"["attr(href)"] ";} /* 링크 주소 출력 */
.gh-text{color:#22201e;} /* 글 제목 색상 */
}

https://freewind.kr/721 :: @media print 기재 전

@media print 기재 후

유의사항

✓ 프라치노 공간 스킨이 기준이다.
✓ 윈도우 10/11 크롬 브라우저에서 확인했다.
✓ 아쉬운 것 중 하나는 (포스트의 글제목이 있는) header의 사이즈를 도저히 줄일 수가 없다는 것이다. 미치고 환장할 노릇인데 안되더라. ..일단은 너무 토 나오게 질리고 어차피 인쇄할 것도 아니고 여기서 포기하는 것으로.

그런데 이외에, 다른 간단한 방법이 있었으니..

PrintFriendly

굳이 블로그가 아니어도 html기반 웹페이지라면 어디든 사용 가능한 크롬 브라우저의 확장 프로그램.  

PrintFriendly에서 편집

원치 않는 영역에 마우스 오버 > 클릭하면 바로 삭제가 가능하고 '되돌리기'도 가능한, 편집이 정말 편하다.

마침표

- 처음부터 PrintFriendly를 알았어야... (..)
- (이 포스트에서 jpg로의 변환 등) pdf의 간단한 편집은 iLovePDF에서.