브라우저에서 마크다운을 PDF로 내보내기
브라우저가 웹 페이지에서 PDF를 만드는 방법은 두 가지이고, 둘은 똑같이 좋지 않습니다.
첫 번째는 페이지를 이미지로 렌더링하고 그 이미지를 PDF로 감싸는 것입니다. 이렇게 하는 라이브러 리는 붙이기 쉽고, 결과는 글자가 더 이상 글자가 아닌 파일입니다. 선택할 수도, 검색할 수도, 한 줄을 복사해 낼 수도 없으며, 파일은 필요한 것보다 몇 배 큽니다.
두 번째는 페이지를 인쇄하고 대상으로 “PDF로 저장”을 고르는 것입니다. 브라우저가 문서를 종이 에 맞게 배치하고, 인쇄용 스타일시트를 존중하며, 진짜 벡터 글자를 씁니다. 클릭 한 번이 더 들지 만 정말로 더 나은 파일이 나옵니다. 그래서 여기서 PDF로 저장을 누르면 그렇게 됩니다.
중요한 네 가지 설정
아래는 모두 페이지가 아니라 인쇄 대화상자에 있습니다. 어떤 스타일시트도 이것들을 정할 수 없기 때문입니다.
대상: PDF로 저장. 실제 프린터가 아닙니다.
배경 그래픽: 켬. 추가 설정 안에 있고, 사람들이 놓치는 항목입니다. 꺼져 있으면 브라우저가 모든 배경 칠을 버립니다. 코드 블록은 음영을 잃고, 표 머리글은 하얘지며, 어두운 테마의 PDF는 흰 종이에 흰 글씨라는 모습으로 나옵니다. 설정이라기보다 망가진 내보내기처럼 보입니다.
머리말과 꼬리말: 끔. 그 항목은 브라우저가 스스로 페이지 주소와 날짜를 덧붙이는 것입니다. 직접 머리말이나 꼬리말을 설정해 두었다면 둘이 부딪칩니다. 브라우저 것을 끄고 여러분 것을 남기 거나, 쪽 번호를 원한다면 그 반대로 하세요. 이에 대해서는 아래에서 다룹니다.
배율: 100% 또는 기본값. “페이지에 맞추기”는 글자 크기를 다시 조절하고 여백을 흐트러뜨립니 다. 그리고 머리말과 꼬리말의 간격은 그 여백에 달려 있습니다.
배율 조절이 가끔 사라지는 이유
문서가 고정된 용지 크기를 선언하면, 크롬은 용지가 이미 저자에 의해 정해졌다고 보고 배율 조절을 통째로 숨깁니다. 브라우저의 결함도 페이지의 결함도 아니고, 문서가 구체적으로 말한 데 따른 결과 입니다.
그래서 용지는 선택지입니다. A4, 레터, 프린터 기본값. 앞의 둘은 크기를 요구하므로 배 율을 잃습니다. 셋째는 아무것도 요구하지 않으므로 배율이 돌아옵니다. 여백은 세 경우 모두 문서가 정하므로, 머리말이나 꼬리말은 어느 쪽이든 자리를 지킵니다.
쪽마다 반복되는 머리말과 꼬리말
반복되는 머리말은 모든 쪽에 나옵니다. 브라우저에서는 위치를 고정한 요소로 구현하며, 명세는 그것 이 쪽으로 나뉘는 매체의 각 장에서 반복된다고 말합니다.
미묘한 점은 그것을 위한 자리를 확보하는 일입니다. 뻔한 방법 — 문서 본문 위에 여백을 두기 — 은 자리를 한 번만 확보합니다. 본문은 몇 쪽에 걸쳐 인쇄되든 하나의 상자이기 때문입니다. 1쪽에서는 작동하고, 2쪽부터는 머리말이 본문 위에 올라앉습니다.
해법은 쪽마다 적용되는 @page 여백 안에 자리를 확보하고, 음수 오프셋으로 막대를 그 여백 안에
놓는 것입니다. 도장 영역이 하는 일이 이것이며, 실제로 막대가 놓인 가장자리의 여백만 넓힙니다.
네 개의 입력란 — 머리말 왼쪽, 머리말 오른쪽, 꼬리말 왼쪽, 꼬리말 오른쪽 — 은 어떤 글이든 받고, 인쇄할 때 채워지는 자리표시자도 함께 쓸 수 있습니다.
{title}— 문서의 첫 제목 또는 첫 줄{date},{time},{datetime}— PDF를 만든 시점
쪽 번호가 없는 이유
{page} 자리표시자는 일부러 두지 않았습니다. 반복되는 요소 안에서 쪽을 세는 일은 브라우저가 할
수 없습니다. counter(page)는 @page 여백 상자 안에서만 해석되는데, 주요 브라우저 중 그것을
구현한 것이 없습니다. 조용히 아무것도 찍지 않는 자리표시자는 없느니만 못합니다.
쪽 번호가 필요하면 브라우저 자체의 머리말·꼬리말 옵션이 넣어 줍니다. 도장 대신 그것을 쓰거나, 둘 다 받아들이고 서로 반대쪽 가장자리에 두세요.
어두운 PDF
어두운 옵션은 쪽을 뒤집어 — 검은 종이에 흰 잉크 — 다른 색은 건드리지 않습니다. 의도적인 예외가 하나 있습니다. 링크 색은 밝게 조정됩니다. 밝은 테마의 파랑은 검정에 대해 대략 2.5:1이라 읽을 수 없기 때문입니다. 색조는 유지한 채 대비를 얻습니다.
배경 그래픽을 잊지 마세요. 그것 없이 인쇄한 어두운 PDF는 텅 빈 흰 쪽입니다.