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 Webサイトで実行されているインタープリターほど寛容ではないので、実際に動作します。

回答:


34

GitPrintを使用すると、Githubからファイルを直接印刷できます。


7
GitPrintは空のPDFファイルを提供するようです。これは一時的な問題である可能性がありますが、それでも信頼性がなければツールは役に立ちません。
Ragnar123 2014年

21
プライベートGithubリポジトリから印刷しようとしている場合、このオプションは機能しないことに注意してください。
Jason Wheeler

3
GitPrintもフォーマットを壊し、レンダリング(駄洒落では申し訳ありません)を無意味にします。
jzions

7
GitPrintが機能しません。単にgithubの問題に取り組んでいないことに関する未解決の問題が複数あります
CodingYourLife

5
GitPrintが機能していないことを確認できます=(
Madeo

65

これは私にとって完璧に機能するブックマークレットです:

  1. ブックマークレットGistの内容をコピーし、バックアップとして以下に複製します。
  2. ブラウザのツールバーで新しいブックマークを作成し、適切な名前を付けます。
  3. その1行のコードを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の最新バージョンで更新されました
Cosmo Harrigan

6
ヘッダーメタデータ、ヘッダーアクション、右側のサイドバー、およびフッターを削除するためのさらなる改善を追加しました(2014年10月):gist.github.com/BenjaminKlatt/fefb0c53fbe16bc537c3
Benjamin

13

これは非常にシンプルなソリューションです。印刷するreadme内のすべてのテキストを選択し、印刷して[選択したテキストのみ]を選択するだけです。

これはChrome(画像を含む)で完全に機能し、JavaScriptや外部サイト、ソフトウェアのダウンロードやビルドは必要ありません。

これは私がテストしたものです:https//github.com/kroitor/gjk.c/blob/master/README.md


2
いいね!Chromeのオプションが呼び出されますMore settings- Selection only。フォーマットをサポートし、追加のソフトウェアやマークダウンファイルのダウンロードは必要ありません。
Jerry101 2017年

Firefoxから印刷する場合は、印刷するコンテンツを選択し、[ファイル]メニューから[印刷]オプションにアクセスして(またはを押してctrl + p)、[選択]オプションを選択します。
myesain

8

Macユーザーの場合、もう1つの大きな可能性は、Safari Webブラウザーで「リーダー」機能を使用することです。

markdown-Fileを開き、右上隅の「Reader」ボタンをクリックするだけです。

次に、「CMD + P」コマンドでページを印刷します。

魅力のように機能します。


これは、最新のiOS / Safariでは機能しないようです:(
Mauricio Morales

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でのみ実行され、役に立たないヘッダーとフッターを印刷します(そうですか?Linuxを使用しているため、このツールを試すことができません)
Giovanni Cappellotto

また、AppleによるOS Xの変更により、wkpdfは作成者によって保守されなくなりました。
Chris Miller

4

これだけを実行するChrome拡張機能、GitHub Markdown Printerを作成しました。それはだワンクリック値下げファイルを印刷するためのソリューションを正確に、彼らはGitHubの上でどのように表示されますか。

手順:

  1. Chrome拡張機能をインストールする
  2. マークダウンプレビューを使用して、GitHub / GitHub Enterpriseの任意のページに移動します
  3. GMPアイコンをクリックして印刷ダイアログを開き、印刷するかPDFとして保存します。

詳細については、リポジトリを確認してください。


拡張機能は、アクセスしたすべてのページの読み取りと書き込みを行います。安全性が
不明

2
@VikramKhemlaniそれは当然の懸念ですが、私は悪意のあることは何もしていないことを保証します。1)githubにいる、2)有効なマークダウンプレビューがあるかどうかを確認するには、読み取り権限が必要です。印刷時に余分な要素を削除するカスタムスタイルシートを追加するには、書き込み権限が必要です。プロジェクトはオープンソースであり、ソースコードはgithub.com/jerry1100/github-markdown-printer/tree/master/srcにあります。それでも疑問がある場合は、Chrome開発ツールでネットワークタブを開くと、どこにもデータを送信していないことがわかります。
Jerry Wu


2

レポを複製する

gem install bluecloth
  • マークダウンファイルをHTMLにレンダリングする
  • ブラウザでファイルシステム上のファイルを開く
  • ブラウザから印刷する

http://deveiate.org/projects/BlueCloth

ここでAPIの例を見つけることができます:http : //deveiate.org/projects/BlueCloth/browser/spec/bluecloth_spec.rb


File.open("/path/to/output.html", 'w') {|f| f.write(BlueCloth.new(File.read("/path/to/input.md")).to_html()) }HTMLページを表示してもらいましたが、GitHubからのフォーマットやカラーリングがありません。これは、ブラウザに表示されるきれいなバージョンを印刷するための重要な部分です。BlueClothはそのための適切なツールですか?どうして?
pulkitsinghal 2012

2

http://awesomescreenshot.com/で写真を撮ってから、画像をトリミングして印刷することをお勧めします(これを行っただけでうまくいきました:)。


私のブラウザではまだサポートされていません。このソリューションが利用可能になったときに、その有効性をテストし、実際に機能する場合は投票してください。
pulkitsinghal 2012

1

Chromeだけを必要とする超簡単な方法:

ユーザーエージェントを偽装して、モバイルデバイスであることを伝え、印刷可能なバージョンを入手できます。

私のやり方-たくさんの方法があります-ChromeのChrome devToolsの「エミュレーション」機能を使用して、Androidデバイス(Samsung Note 3など)をエミュレートし、画面のサブセクションで「画面のエミュレート」を削除して、フル解像度で印刷します。


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がサポートするさまざまなマークアップ(テキスタイル、rdocなど)をサポートするという利点があります。.markdownファイルのレンダリングは、レッドカーペットマークダウンパーサーに依存します。

http://github.com/tanoku/redcarpet


0

Instapaperアカウントをお持ちの場合は、README.mdファイルに移動し、リンクをInstapaperに保存してから、そのリンクのInstapaperで「テキスト」オプションを開きます。「乱雑さ」のほとんどが削除され、ページは適切に印刷されます。


0

単純なハック:

Markdown やオンラインツールのDillingerなどでマークダウンファイルを開いて、そこから印刷しています。これらのツールの一部では、Githubまたはその他のスタイルにフォーマットを設定できます。

より良い方法:

私が最初に上記の答えを書いて以来、私はより良い方法を見つけました:

以前に言ったよりも良い方法を発見しました。

  1. Gitでwikiをローカルディレクトリに複製
  2. gitbook&Calibreのebook-convertを使用して、https://github.com/GitbookIO/gitbookの指示に従って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

MarkdownPadを使用して、HTMLをPDFライターに印刷しました。Proをお持ちの場合は、PDFに直接エクスポートできます。


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.