GitHub에서 인쇄하는 방법


98

화면에 나타나는대로 GitHub에서 마크 다운 파일을 인쇄하려는 경우 (예 : https://github.com/RestKit/RestKit/blob/master/Docs/Object%20Mapping.md)

그럼 어떻게 할 수 있습니까? 출력물이 마크 다운의 모양과 느낌을 반영하도록 결과 github html 페이지 (내가 저장 한)에서 변경해야하는 코드는 무엇입니까?

지금까지 내가 가진 유일한 단서는 다음과 같습니다 : https://makandracards.com/makandra/4947-how-to-print-github-wiki-pages 그러나 그것은 더 실용적인 (비프로 그래 매틱) 해결 방법입니다. 사용중인 마크 다운 인터프리터가 GitHub 웹 사이트에서 실행되는 것만 큼 관대하지 않아서 엉망이되기 때문에 실제로 작동합니다.

답변:


34

GitPrint를 사용하면 Github에서 파일을 직접 인쇄 할 수 있습니다.


7
GitPrint는 빈 pdf 파일을 제공하는 것 같습니다. 일시적인 문제 일 수 있지만 여전히 신뢰할 수없는 도구는 쓸모가 없습니다.
Ragnar123 2014 년

21
개인 Github 저장소에서 인쇄하려는 경우이 옵션이 작동하지 않습니다.
Jason Wheeler

3
GitPrint는 포맷팅도 망가뜨려 서 쓸모 없게 만듭니다.
jzions

7
GitPrint가 작동하지 않습니다. 단순히 자신의 GitHub의 문제에 대해 작동하지 않습니다에 대한 열려있는 여러 문제가 있습니다
CodingYourLife

5
GitPrint가 더 이상 작동하지 않음을 확인할 수 있습니다 = (
Madeo

65

저에게 완벽하게 작동 하는 북마크릿 은 다음과 같습니다 .

  1. 아래에 백업으로 재현 된 북마크릿 요점의 내용을 복사합니다.
  2. 브라우저의 도구 모음에서 새 책갈피를 만들고 적절한 이름을 지정합니다.
  3. URL 필드에 한 줄의 코드를 입력하십시오.

이제 Github의 Markdown 페이지로 이동하여 책갈피를 클릭하면 페이지 형식을 다시 지정하고 CSS를 변경하여 인쇄 할 때 화면과 동일하게 보입니다. 이제 페이지를 인쇄하십시오.

북마크릿 내용 :

javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f=e.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc=a.createElement(%22script%22);c.type=%22text/javascript%22;c.src=%22http://ajax.googleapis.com/ajax/libs/jquery/%22+g+%22/jquery.min.js%22;c.onload=c.onreadystatechange=function()%7Bif(!b&&(!(d=this.readyState)%7C%7Cd==%22loaded%22%7C%7Cd==%22complete%22))%7Bh((f=e.jQuery).noConflict(1),b=1);f(c).remove()%7D%7D;a.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function($,L)%7B$('%23header,%20.pagehead,%20.breadcrumb,%20.commit,%20.meta,%20%23footer,%20%23footer-push,%20.wiki-actions,%20%23last-edit,%20.actions,%20.header,.site-footer,.repository-sidebar,.file-navigation,.gh-header-meta,.gh-header-actions,#wiki-rightbar,#wiki-footer,.commit-tease').remove();%20$('%23files,%20.file').css(%7B%22background%22:%22none%22,%20%22border%22:%22none%22%7D);%20$('link').removeAttr('media');%7D); var removeMe = document.getElementsByClassName("file-header")[0]; removeMe.parentNode.removeChild(removeMe);

2
이 북마크릿이 로그인 한 사용자의 Github 헤더를 제대로 제거하지 못하는 것을 발견하여 여기 업데이트 된 요점에서
JKnight

2
새로운 github의 디자인 때문에 깨진
zsitro

편집을 시도 할 경우를 대비하여이 파일의 압축되지 않은 버전이 있습니까? 이것은 현재 요점의 모든 압축 / 암호화 된 코드입니다.
Anmol Saraf 2013 년

대답은 @randomor에서 최신 버전으로 업데이트되었습니다
코스모 해리 건을

6
헤더 메타 데이터, 헤더 작업, 오른쪽 막대 및 바닥 글을 제거하기 위해 추가 개선 사항을 추가했습니다 (2014 년 10 월) : gist.github.com/BenjaminKlatt/fefb0c53fbe16bc537c3
Benjamin

13

다음은 매우 간단한 솔루션입니다. Readme에서 인쇄하려는 모든 텍스트를 선택한 다음 인쇄하고 "선택한 텍스트 만"을 선택하기 만하면됩니다.

이것은 Chrome (이미지 포함)에서 완벽하게 작동했으며 자바 스크립트 또는 외부 사이트 나 소프트웨어 다운로드 또는 빌드가 필요하지 않았습니다.

이것이 내가 테스트 한 것입니다 : https://github.com/kroitor/gjk.c/blob/master/README.md


2
좋은! Chrome의 옵션은 이제 More settings- Selection only. 포맷을 지원하며 추가 소프트웨어 나 마크 다운 파일 다운로드가 필요하지 않습니다.
Jerry101

Firefox에서 인쇄 할 때 인쇄 할 콘텐츠를 선택하고 "파일"메뉴에서 "인쇄"옵션에 액세스 (또는를 누름 ctrl + p) 한 다음 "선택"옵션을 선택합니다.
myesain

8

Mac 사용자라면 Safari 웹 브라우저에서 "Reader"기능을 사용하는 것도 좋은 방법입니다.

마크 다운 파일을 열고 오른쪽 상단의 "Reader"-버튼을 클릭하십시오.

그런 다음 "CMD + P"명령으로 페이지를 인쇄하십시오.

매력처럼 작동합니다.


이것은 더 이상 :( 아이폰 OS / 사파리 최근에 작업에 보인다
마우 모랄레스

8

또 다른 옵션은 pandoc입니다. 입니다. 설치 후 (Windows, Linux 및 Mac OS 지원) ​​명령은 pandoc file.md -f markdown --smart -s -o file.pdf

그런 다음 결과 PDF 파일을 인쇄하십시오.


나에게 가장 좋은 출력을 생성 한이 온라인 변환기도 있습니다. http://www.markdowntopdf.com/

Pandoc에는 온라인 데모도 있습니다.


5

내가 요청한 인쇄 결과를 달성하는 멋진 도구를 찾았습니다. http://plessl.github.com/wkpdf/

웹 사이트에서 인용 한 내용은 다음과 같습니다. " 브라우저의보기와 정확히 일치하도록 모든 그래픽 장식이있는 웹 사이트를 렌더링하려는 경우 명시 적으로 CSS 화면 스타일 시트를 사용하고에서와 같이 배경 이미지 인쇄를 활성화 할 수 있습니다. 다음 예 ... "

그래서 나는 달렸다.

wkpdf --source https://github.com/RestKit/RestKit/blob/master/Docs/Object%20Mapping.md
      --stylesheet-media screen
      --print-background yes
      --output printIt.pdf

그리고 그것은 마법이었습니다!


6
단점 : 그것은 단지 OS X에서 실행, 그것은 쓸모 머리글과 바닥 글을 (? 내가 리눅스에있어 있기 때문에 나는이 도구를 시도 할 수 없습니다 않음) 인쇄
조반니 Cappellotto

그리고 Apple의 OS X 변경으로 인해 wkpdf는 더 이상 작성자가 유지 관리하지 않습니다.
Chris Miller

4

저는이 작업을 수행하는 Chrome 확장 프로그램을 만들었습니다 : GitHub Markdown Printer . 그것은이다 번의 클릭으로 인하 파일을 인쇄 솔루션을 정확히 그들이 GitHub의에 표시되는 방식.

단계 :

  1. Chrome 확장 프로그램 설치
  2. 마크 다운 미리보기가있는 GitHub / GitHub Enterprise의 페이지로 이동
  3. GMP 아이콘을 클릭하여 인쇄 대화 상자를 열고 인쇄하거나 PDF로 저장합니다.

자세한 정보 는 저장소 를 확인하십시오 .


확장 프로그램은 방문하는 모든 페이지를 읽고 씁니다. 얼마나 안전한지 확실하지 않음
Vikram Khemlani 19.11.

2
@VikramKhemlani 그것은 타당한 관심사이지만 나는 악의적 인 일을하지 않는다고 확신합니다. 읽기 권한은 1) github에 있는지, 2) 유효한 마크 다운 미리보기가 있는지 확인하는 데 필요합니다. 인쇄시 추가 요소를 제거하기 위해 사용자 정의 스타일 시트를 추가하려면 쓰기 권한이 필요합니다. 이 프로젝트는 오픈 소스이며 여기에서 소스 코드를 찾을 수 있습니다 : github.com/jerry1100/github-markdown-printer/tree/master/src . 여전히 의심스러운 경우 Chrome devtools에서 네트워크 탭을 열고 아무 데이터도 보내지 않는다는 것을 알 수 있습니다.
Jerry Wu


2

저장소 복제

gem install bluecloth
  • 마크 다운 파일을 html로 렌더링
  • 브라우저에서 파일 시스템의 파일 열기
  • 브라우저에서 인쇄

http://deveiate.org/projects/BlueCloth

http://deveiate.org/projects/BlueCloth/browser/spec/bluecloth_spec.rb 에서 API의 예를 찾을 수 있습니다.


File.open("/path/to/output.html", 'w') {|f| f.write(BlueCloth.new(File.read("/path/to/input.md")).to_html()) }볼 HTML 페이지를 받았지만 GitHub의 서식이나 색상이 없습니다. 이것이 제가 브라우저에서 볼 수있는 예쁜 버전을 인쇄하는 데있어 핵심적인 부분입니다. BlueCloth가 적절한 도구입니까? 어떻게?
pulkitsinghal

2

http://awesomescreenshot.com/ 으로 사진을 찍은 다음 이미지를 자르고 인쇄 하는 것이 좋습니다 (방금이 작업을 수행했으며 저에게 효과적이었습니다 :).


아직 내 브라우저에서 지원되지 않습니다.이 솔루션이 사용 가능 해지면이 솔루션의 유효성을 테스트하고 실제로 작동하는 경우 투표 할 것입니다.
pulkitsinghal 2012

1

Chrome 만 있으면되는 아주 쉬운 방법 :

사용자 에이전트를 스푸핑하여 모바일 장치라고 말하여 멋진 인쇄 가능한 버전을 얻을 수 있습니다.

내가하는 방법-많은 방법이 있습니다-Chrome devTools "Emulation"기능을 사용하여 Android 기기 (예 : Samsung Note 3)를 에뮬레이션 한 다음 화면 하위 섹션에서 "Emulate screen"을 제거합니다. 전체 해상도로 인쇄합니다.


1

또 다른 방법은 GitHub 또는 Bit Bucket에서 마크 다운을 다운로드하고 eclipse로 여는 것입니다. 편집기 창에 미리보기 탭이 표시됩니다. 파일 메뉴에서 인쇄를 선택합니다. 간단한 방법이지만 일반적으로 대부분의 개발자가 이미 Eclipse가 설치되어 있다고 가정 할 수 있습니다.

BR


1

그립을 시도하십시오.

pip install grip
grip markdown.md

그런 다음 로컬 포트에서 호스팅됩니다. 그런 다음 선호하는 브라우저에서 기본 OS 인쇄 대화 상자를 통해 인쇄하거나 PDF로 저장할 수 있습니다.

를 참조하십시오 여기 .


0

http://github.com/github/markup

언어 기본 설정에 대해서는 언급하지 않았지만 이것은 GitHub 자체가 마크 업 파일을 렌더링하는 데 사용하는 Ruby 라이브러리입니다. 다양한 마크 업 을 지원하는 장점이 있습니다.GitHub가 (textile, rdoc 등) 있습니다. .markdown 파일을 렌더링하는 것은 redcarpet markdown 파서에 의존합니다.

http://github.com/tanoku/redcarpet


0

Instapaper 계정 이있는 경우 README.md 파일로 이동하여 Instapaper에 대한 링크를 저장 한 다음 해당 링크의 Instapaper에서 "텍스트"옵션을 엽니 다. 대부분의 "클러 터"가 제거되고 페이지가 잘 인쇄됩니다.


0

간단한 해킹 :

Marked 또는 온라인 도구 Dillinger 와 같은 마크 다운 파일을 열고 거기에서 인쇄했습니다. 이러한 도구 중 일부를 사용하면 서식을 Github 또는 다른 스타일로 설정할 수 있습니다.

더 나은 방법 :

위의 답변을 처음 썼기 때문에 더 나은 방법을 찾았습니다.

앞서 말한 것보다 더 나은 방법을 발견했습니다.

  1. Git은 위키 를 로컬 디렉토리에 복제합니다.
  2. https://github.com/GitbookIO/gitbook 의 지침에 따라 gitbook & Calibre의 ebook-convert를 사용하여 PDF를 생성 하십시오.

    • Mac에서는 다음과 같은 명령을 사용하여 gitbook pdf 명령을 실행하기 전에 /Application/calibre.app 디렉토리 내에서 적절한 위치로 ebook-convert를 심볼릭 링크해야합니다.

    ln -s /Applications/calibre.app/Contents/console.app/Contents/MacOS/ebook-convert / usr / local / bin



0

Chromium 브라우저 및 "현재"GitHub html 페이지 구조에서 작동합니다.

  1. 북마크 만들기
  2. 주소 필드에 다음을 입력하십시오.
javascript:var content = document.querySelector('.repository-content'); 
var toc = document.querySelector('#wiki-rightbar');
toc.innerHTML = '';
var wb = document.querySelector('.has-rightbar .wiki-body');
wb.style.marginRight = '0px';
var body = document.querySelector('body'); 
body.innerHTML = ''; 
body.appendChild(content);
window.print();

Wiki 텍스트를 선택하고, 목차를 제거하고 서식을 지정하고, 본문 내용을 바꾸고, 프린터를 호출합니다.


0

나는이 페이지 http://www.markdownprint.com 을 사용하는데, 정말 사용하기 쉽고 github 스타일 (정말 좋아 보인다)을 사용하여 마크 다운을 생성합니다. 매우 추천하는!


0

MD 파일을 PDF 로 간단히 변환

.md 파일을 다운로드하고 여기 에 업로드 하여 pdf 파일로 변환 할 수 있습니다. 쉽게 인쇄 할 수 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.