web-dev-qa-db-fra.com

Comment imprimer depuis GitHub

Si je veux imprimer un fichier de démarques à partir de GitHub tel qu'il apparaît à l'écran, par exemple: https://github.com/RestKit/RestKit/blob/master/Docs/Object%20Mapping.md

Alors comment puis-je accomplir cela? Quel code dois-je modifier dans la page html github résultante (que je sauvegarde) de sorte que l’impression respecte le look & feel de la réduction de prix?

Pour l’instant, le seul indice que j’ai est celui-ci: https://makandracards.com/makandra/4947-how-to-print-github-wiki-pages Mais c’est plutôt un utilitaire (non -programmatic) solution de contournement qui ne fonctionne pas vraiment parce que l’interprète de démarque utilisé n’est pas aussi tolérant que celui utilisé sur les sites Web de GitHub et qu’il échoue donc.

87
pulkitsinghal

Utiliser GitPrint est un excellent moyen d’imprimer directement des fichiers à partir de Github.

30
Sourabh

Voici n bookmarklet qui fonctionne parfaitement pour moi:

  1. Copiez le contenu du bookmarklet Gist, reproduit ci-dessous à titre de sauvegarde.
  2. Créez un nouveau signet dans la barre d’outils de votre navigateur, donnez-lui un nom approprié.
  3. Placez cette ligne de code dans le champ URL.

Si vous allez maintenant sur une page Markdown sur Github et que vous cliquez sur le signet, le reformatage de la page sera modifié et le CSS sera modifié pour qu'il soit identique à l'écran lorsque vous imprimez. Maintenant, imprimez simplement la page.

Contenu du booklet:

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);
65
Boris Terzic

Une autre option est pandoc . Après l’installation (il prend en charge Windows, Linux et Mac OS), la commande serait semblable à celle de pandoc file.md -f markdown --smart -s -o file.pdf

Puis imprimez le fichier résultant PDF).


Il y a aussi ce convertisseur en ligne, qui a produit le meilleur résultat pour moi: http://www.markdowntopdf.com/

Pandoc a également une démonstration en ligne.

9
kitsune

Voici une solution très simple: il suffit de sélectionner tout le texte du fichier Lisez-moi que vous souhaitez imprimer, puis d’imprimer et de choisir "Seulement le texte sélectionné".

Cela fonctionnait parfaitement dans Chrome (y compris les images) et ne nécessitait pas de sites javascript ou externes, ni de logiciels de téléchargement ou de construction.

C'est ce que j'ai testé sur: https://github.com/kroitor/gjk.c/blob/master/README.md

9
Srekel

Si vous êtes un utilisateur Mac, une autre grande possibilité consiste à utiliser la fonctionnalité "Reader" du navigateur Web Safari.

Ouvrez simplement le fichier de démarques et cliquez sur le bouton "Reader" dans le coin supérieur droit.

Ensuite, imprimez simplement la page avec la commande "CMD + P".

Fonctionne comme un charme.

7
pmuens

J'ai trouvé un outil génial qui permet d'obtenir les résultats d'impression que j'ai demandés: http://plessl.github.com/wkpdf/

Voici une citation de son site Web: " Si vous souhaitez rendre un site Web avec tout le glaçage graphique qui correspond exactement à la vue dans un navigateur, vous pouvez forcer explicitement l'utilisation de la feuille de style d'écran CSS et activer l'impression des images de fond comme dans l'exemple suivant ... "

Alors j'ai couru:

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

et c'était magique!

5
pulkitsinghal

J'utilise l'extension de navigateur github-wiki-print pour imprimer des pages wiki sur GitHub.

Je pense que vous pourriez éditer son fichier manifest.json pour imprimer n’importe quel fichier de démarquage sur un dépôt GitHub.

3

Je recommande de prendre une photo avec http://awesomescreenshot.com/ , puis de recadrer l'image et de l'imprimer (je viens de faire ceci et cela a fonctionné pour moi :).

2
DTrejo

cloner le repo

gem install bluecloth
  • rendre les fichiers de démarquage en HTML
  • ouvrir le fichier sur votre système de fichiers dans votre navigateur
  • imprimer depuis votre navigateur

http://deveiate.org/projects/BlueCloth

vous pouvez trouver des exemples de l'API ici: http://deveiate.org/projects/BlueCloth/browser/spec/bluecloth_spec.rb

2
Jed Schneider

Essayez de saisir.

pip install grip
grip markdown.md

Ensuite, il est hébergé sur un port local. Vous pouvez ensuite imprimer ou enregistrer sur PDF via la boîte de dialogue d'impression de votre système d'exploitation natif à partir de votre navigateur préféré.

Voir ici .

1
ozOli

Une autre solution consiste simplement à télécharger le démarquage depuis GitHub ou Bit Bucket et de l’ouvrir avec Eclipse. Vous obtiendrez l'onglet d'aperçu dans le volet de l'éditeur. Dans le menu Fichier, sélectionnez Imprimer. Manière simple, cependant je prends la liberté de supposer que vous avez déjà installé Eclipse, généralement la plupart des développeurs l’ont.

BR

1
Jeet

Manière super facile qui n'exige rien de plus que Chrome:

Vous pouvez usurper l’agent utilisateur, en indiquant que vous êtes un appareil mobile, pour obtenir une version imprimable de Nice.

La façon dont je le fais - il y a beaucoup de façons - j'utilise Chrome le Chrome devTools "émulation" pour émuler un Android périphérique, par exemple un Samsung Note 3, puis dans la sous-section Écran, je supprime "Emuler écran" pour obtenir une résolution complète, puis j’imprime.

1
Julien Bérubé

J'ai créé une extension Chrome qui ne fait que ceci: GitHub Markdown Printer . C’est un un clic solution pour imprimer des fichiers de démarques exactement comment ils apparaissent sur GitHub.

Pas:

  1. Installez l’extension Chrome
  2. Accédez à n’importe quelle page de GitHub/GitHub Enterprise avec un aperçu du démarquage.
  3. Cliquez sur l'icône GMP pour ouvrir la boîte de dialogue d'impression et imprimer ou enregistrer au format PDF.

Consultez le repo pour plus d'informations.

1
Jerry Wu

J'ai utilisé MarkdownPad et imprimé le code HTML sur un graveur PDF. Si vous utilisez Pro, vous pouvez exporter directement vers PDF.

0
Tobias

J'utilise cette page http://www.markdownprint.com , très simple à utiliser et produit un démarquage à l'aide du style github (qui a vraiment l'air bien). Recommande fortement!

0
Johan O

http://github.com/github/markup

Vous ne mentionnez pas de préférence de langue, mais il s’agit de la bibliothèque Ruby que GitHub utilise elle-même pour restituer les fichiers de marquage. Elle présente l’avantage de prendre en charge les divers balises GitHub prend en charge (textile, rdoc, etc.). Le rendu des fichiers .markdown dépend de l’analyseur de redcarpet markdown:

http://github.com/tanoku/redcarpet

0
Pero P.

Simple Hack:

J'ai ouvert le fichier de démarque dans quelque chose comme Marqué ou l'outil en ligne Dillinger et ensuite imprimer à partir de là. Certains de ces outils vous permettent de définir le formatage sur Github ou d'autres styles.

Un meilleur moyen:

Depuis que j'ai écrit la réponse ci-dessus pour la première fois, j'ai trouvé un meilleur moyen:

J'ai découvert un meilleur moyen que ce que j'ai dit plus tôt.

  1. Git clone votre wiki dans un répertoire local
  2. Utilisez ebook-convert de gitbook & Calibre pour générer le PDF selon les instructions de la section https://github.com/GitbookIO/gitbook

    • Sur le Mac, vous devez créer un lien symbolique entre ebook-convert depuis le répertoire /Application/calibre.app et un emplacement approprié avant d'exécuter la commande gitbook pdf, avec une commande du type:

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

0
Robert J Berger

Si vous avez un compte Instapaper , accédez au fichier README.md, enregistrez le lien dans Instapaper, puis ouvrez l'option "text" dans Instapaper sur ce lien. La plus grande partie du "fouillis" est supprimée et la page s'imprime bien.

0
Ralph

Fonctionne pour les navigateurs Chrome et la structure de page html "actuelle" de GitHub

  1. Créer un signet
  2. Dans le champ Adresse, entrez:
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();

Sélectionne le texte du wiki, supprime et formate la table des matières, remplace le corps du contenu et appelle l’imprimante.

0
crocteamgg