Afficher les fichiers de démarques hors ligne

Existe-t-il un moyen d’afficher les fichiers .md hors ligne afin que nous sachions à quoi il ressemblera une fois téléchargé dans Github? Je parle de montrer le fichier README.md tel qu’il sortirait dans Github, et non pas à des fins d’édition.

Doit fonctionner sur Mac et Windows depuis que je les utilise tous les deux.

    Il y a quelques plug-ins Chrome qui fonctionnent bien. J’ai utilisé Markdown Preview Plus .

    Après l’installation, activez “Autoriser l’access aux fichiers URL” dans les extensions (menu> Autres outils> Extensions ou entrez l’URL chrome://extensions/ place).

    entrer la description de l'image ici

    Ensuite, faites glisser un fichier Markdown sur Chrome et utilisez votre éditeur favori pour le modifier.

    J’ai écrit Grip tout à l’heure pour faire exactement cela. Il rend exactement comme sur GitHub et propose plusieurs options supplémentaires:

    • En plus des fichiers README, Grip peut générer des commentaires et des problèmes sur GitHub.
    • Cliquez sur les liens locaux pour afficher d’autres fichiers .md
    • Une API à utiliser dans vos propres projets
    • Exporter vers un fichier HTML

    Installer avec pip:

     pip install grip 

    Ensuite, allez dans le répertoire qui contient votre fichier README et exécutez:

     grip 

    Passez -h pour plus d’aide et d’options.

    Voici une capture d’écran du rendu de Grip README:

    Capture d'écran du rendu Grip Grip

    J’espère que cela t’aides. Vérifiez-le ici .

    Atom par Github. Vous donne un aperçu côte à côte.

    entrer la description de l'image ici

    https://stackoverflow.com/a/26956920/375022

    En fin de soirée, jetez un coup d’œil à MarkdownPad .

    Voir Python-Markdown-Editor

    C’est basé sur :

    • Python-Markdown
    • Pygments (mise en évidence de la syntaxe du bloc de code)
    • CodeMirror (éditeur de code javascript)
    • Bouteille

    Installer avec pip:

     $ pip install markdown-editor 

    Il comporte l’aperçu de type, le surlignage de code, les blocs de code isolés, le style github

    il peut être utilisé par ligne de commande:

     $ markdown_edit $ markdown_edit README.md $ markdown_edit -f readme.html README.md 

    entrer la description de l'image ici

    Je l’ai créé pour créer un outil d’envoi de commentaires de code, il est facilement extensible, en l’important en tant que module, vous pouvez append des actions personnalisées.

    Je viens d’installer https://github.com/ypocat/gfms . Il fait un très bon rendu du travail en github. Il détecte les changements dans votre démarque, vous n’avez donc qu’à mettre votre navigateur et votre éditeur côte à côte. C’est Node.js, donc ça devrait marcher sur n’importe quelle plate-forme.

    Si vous avez Node.js est installé, l’installation est simple:

    1. sudo npm install -g gfms
    2. gfms --port 9999 (dans le répertoire de votre projet)
    3. http://localhost:9999/ (ouvert avec n’importe quel navigateur)

    Visual Studio Code – le nouvel éditeur de Microsoft fournit également un très bon support pour l’édition de démarques.
    Vous pouvez le télécharger ici .
    L’éditeur offre un bon support pour basculer entre le code de démarquage et le mode aperçu .
    Il fournit également un support raisonnablement intelligent d’intellisense pour toute la syntaxe de démarquage.
    L’éditeur est gratuit et est également multi-plateforme (fonctionne sous Linux, Windows et Mac).
    Pour plus de détails, vous pouvez vérifier sur leur site web

    entrer la description de l'image ici

    J’ai trouvé un moyen de le voir en PHP. Après avoir fait un peu plus de surveillance, j’ai trouvé 2 solutions pour l’affichage hors ligne et en ligne des fichiers .md:

    Je recommande la version hors ligne afin que vous puissiez faire votre assembly même lorsque vous faites vos affaires sur le trône. 🙂

    avez-vous essayé ReText ? C’est un bon éditeur de Markdown

    pandoc est un outil de conversion texte-texte qui résout le problème de la visualisation hors ligne de votre Markdown. Juste émettre:

     pandoc -f markdown -t html README.md > README.html 

    Il y a des personnes qui n’utilisent pas Google Chrome. Il existe un module complémentaire de Firefox appelé Markdown Viewer, capable de lire les fichiers Markdown hors connexion.

    J’ai trouvé l’ extension MarkView Google Chrome très utile, en fait elle fonctionne comme un charme:

    MarkView est une extension de Chrome pour l’édition et l’affichage de fichiers de démarques avec une vue en plan, la prise en charge de plusieurs styles de format de tableau, la mise en évidence de la syntaxe des blocs de code et le Github Flavored Markdown.

    Caractéristiques:

    1. Édition et affichage du fichier de démarquage dans le style de page Web.
    2. Rechargement automatique du fichier local lorsque le fichier est modifié ( post-installation: sélectionnez l’option “Autoriser l’access aux URL de fichier” dans chrome: // extensions / )
    3. Afficher le contour à côté du contenu de manière défilante
    4. Avoir des boutons pour GoTop, ViewSource et GoBottom
    5. Prise en charge des styles de table et de la mise en évidence du code Github Flavored Markdown.
    6. Mettez en surbrillance la zone de code pour les langages de programmation (par exemple, “ `ruby)
    7. Supporte l’impression des pages Web avec des outlook décentes (Chrome-> Fichier-> Imprimer …)
    8. Sensible: lorsque la taille de la fenêtre est inférieure à 940 pixels, la section de contour est automatiquement masquée; redimensionner plus grand que 940px, la section de contour s’affichera.
    9. MarkView affichera tous les fichiers de démarques sauf ceux sous raw.github.com car ce sous-domaine affiche uniquement la source.

    Plus de fonctionnalités ont été ajoutées à MarkView:

    1. Éditeur de démarques WYSIWYG
    2. Thèmes et sélection du style de code
    3. Notes de bas de page 1
    4. Présentation instantanée de diapositives
    5. Style de document personnalisé

      • Ajouter un thème CSS et sélectionner
      • Ajouter un style de code et sélectionner
      • Ecrire CSS, Enregistrer et exécuter

    J’aime le séparateur vertical dans Downmarker , vous pouvez voir les changements que vous écrivez!

    Vous pouvez utiliser des textes comme un visualiseur md et un éditeur md, léger et soigné. entrer la description de l'image ici

    Je viens de coder un visualiseur de démarques hors ligne à l’aide de l’observateur de fichier node.js et de socket.io.

    Il y a aussi StackEdit . Il fonctionnera en ligne et hors ligne (il utilise le stockage local de votre navigateur).

    Vous pouvez également le connecter avec Dropbox ou Google Drive pour voir les fichiers hébergés sur le cloud.

    Si vous êtes un vim, vous pouvez essayer le plug – in vim-preview . Installez-le simplement dans votre répertoire ~/.vim avec votre méthode de choix. Ensuite, vous pouvez ouvrir un fichier Markdown avec vim et utiliser la commande :Preview qui ouvrira une nouvelle fenêtre dans votre navigateur et affichera le résultat final.

    Geany a un plugin pour le markdown qui fait un bon travail, vous donnant également un aperçu de Markdown dans la barre latérale. Il fonctionne également sous Linux, Mac OS X et Windows.

    Pour l’utiliser, installez geany, puis installez le paquet geany-plugin-markdown et sélectionnez-le dans le gestionnaire de plug-ins.

    Considérez le Strapdown .

    Strapdown est une solution basée sur Javascript qui rend le contenu de démarque dans le navigateur, ce qui le rend idéal pour la visualisation hors connexion. De leur propre description:

    Strapdown.js simplifie la création de documents Markdown élégants. Aucune compilation côté serveur requirejse.

    Donc, renommez votre fichier .md markdown en .html et entourez-le avec:

      # Markdown content here …   

    et l’ouverture dans n’importe quel navigateur affichera le rendu HTML. Bonus ajouté: vous pouvez facilement changer le thème.

    Pour MAC j’utilise Marked , pour Windows j’utilise Muto-Mark . Les deux supportent la feuille de style GH.

    Pour OS X, Mou est très bien, et il est livré avec deux thèmes CSS GitHub.

    Découvrez Haroopad . Ceci est un très bon éditeur de #markdown. Il est gratuit et disponible pour plusieurs plates-formes. Je l’ai essayé sur Mac OSX.

    L’une des ressources les plus simples qui fonctionne bien sur MacOSX est le plug-in Markdown Quick Look présent sur InkMark . Après l’installation sur OS X 10.9+, il vous suffit de sélectionner un fichier de démarques dans le Finder et d’appuyer sur la barre d’espace. Je ne suis pas certain si les résultats sont corrélés à 100% avec Github, mais ils sont plutôt bons et font une toute petite solution de visionneuse hors ligne discrète. Mashable a également écrit un article sur 78 outils différents si vous souhaitez d’autres options.

    Makrdown-QuickLook-Preview

    Une solution simple pour la plupart des situations: copiez / collez le marquage dans un visualiseur dans le “cloud”. Voici deux choix:

    1. Dillinger.io
    2. Dingus

    Rien à installer! Plate-forme croisée! Navigateur croisé! Toujours disponible!

    Inconvénients: peut être fastidieux pour les gros fichiers, les problèmes de sécurité standard des applications cloud.

    Vous pouvez utiliser l’extension appelée Markdown Syntax Highlighting pour Notepad ++. Il est disponible sur Github

    entrer la description de l'image ici

    Après l’installation, une nouvelle option dans le menu déroulant Langue apparaîtra Après l'installation, une nouvelle option dans le menu déroulant Langue apparaîtra

    A partir de maintenant, j’utilise http://marxi.co/ . Marxi.co a une version en ligne et hors ligne.

    Vous pouvez utiliser Scribefire Next.

    C’est un plugin de navigateur Mozilla Firefox . Installez simplement l’extension et lancez Firefox. Personnalisez votre barre d’outils et placez-lui le raccourci Scribefire. Et comme c’est un plugin de navigateur, vous pouvez l’utiliser sous Mac, Linux et Windows.

    Lorsque vous souhaitez écrire en mode Markdown, cliquez simplement sur Edit Code dans la fenêtre Scribefire.

    Maintenant, pour répondre à vos besoins, allez dans le mode Edit Code et copiez tous les textes et collez-le dans votre fichier .md et téléchargez-le.

    Il n’y a pas de fonction de prévisualisation en direct pour cela, vous devez basculer Edit Code et Edit Visually pour prévisualiser votre texte.

    Je l’utilise dans ma boîte Linux Mint:

    entrer la description de l'image ici

    entrer la description de l'image ici

    Mettre à jour:

    C’est l’année 2014, il faut append un autre outil génial pour d’autres lecteurs et chercheurs. Tout récemment utilisé Brackets + Markdown Preview Extension .

    Le populaire plug-in Web Essentials pour Visual Studio offre un visualiseur et un éditeur Markdown. Il prend également en charge la syntaxe du langage Github pour l’ajout d’extraits de code.

    http://vswebessentials.com/features/markdown

    Je veux souvent des applications portables. Pour cela, j’ai trouvé

    http://cloose.github.io/CuteMarkEd/ (je viens de l’essayer brièvement, et cela semble fonctionner correctement).

    http://markdownpad.com/faq.html#portable

    RStudio peut gérer les fichiers de démarques et les convertir en HTML et en pdf. Si vous l’avez déjà, vous pouvez utiliser RStudio (c’est un IDE pour le langage de programmation R). Il est gratuit et open source et fonctionne sous Windows, Mac et Linux.