web-dev-qa-db-ger.com

Markdown-Dateien offline anzeigen

Gibt es eine Möglichkeit, .md -Dateien offline anzuzeigen, damit wir wissen, wie sie nach dem Hochladen in Github aussehen werden? Ich beziehe mich auf das Anzeigen der README.md -Datei, wie sie in Github herauskommen würde, und nicht auf das Bearbeiten.

Muss auf Mac und Windows funktionieren, da ich beide verwende.

570
enchance

Ich habe eine Möglichkeit gefunden, es in PHP anzuzeigen. Nachdem ich ein bisschen nachgeschnüffelt hatte, fand ich 2 Lösungen für die Offline- und Online-Anzeige von .md-Dateien:

Ich empfehle die Offline-Version, damit Sie Ihre Bearbeitung selbst dann durchführen können, wenn Sie Ihr Geschäft auf dem Thron erledigen. :)

26
enchance

Es gibt einige Chrome Plug-Ins, die gut funktionieren. Ich habe Markdown Preview Plus verwendet.

Aktivieren Sie nach der Installation unter "Erweiterungen" die Option "Zugriff auf Datei-URLs zulassen" (Menü> Weitere Tools> Erweiterungen oder geben Sie stattdessen URL chrome://extensions/ ein).

enter image description here

Ziehen Sie dann eine Markdown-Datei per Drag & Drop auf Chrome und bearbeiten Sie sie mit Ihrem bevorzugten Editor.

399
Jim Bergman

Ich habe vor einiger Zeit Grip geschrieben, um genau dies zu tun. Es rendert genau wie auf GitHub und bietet mehrere zusätzliche Optionen:

  • Zusätzlich zu READMEs kann Grip GitHub-Kommentare und -Probleme rendern
  • Klicken Sie sich durch lokale Links, um andere MD-Dateien zu rendern
  • Eine API zur Verwendung in eigenen Projekten
  • In eine HTML-Datei exportieren

Installieren Sie mit pip:

pip install grip

Wechseln Sie dann in das Verzeichnis, das Ihre README -Datei enthält, und führen Sie Folgendes aus:

grip

Übergeben Sie -h für zusätzliche Hilfe und Optionen.

Hier ist ein Screenshot von Grip, der die README-Datei von Grip wiedergibt:

Screenshot of Grip rendering Grip

Hoffe das hilft. Schau es dir hier an .

234
Joe

Atom von Github. Bietet Ihnen eine Vorschau nebeneinander.

enter image description here

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

100
Maxim

Spät zur Party, aber schaut euch MarkdownPad an.

61
David Brabant

Visual Studio Code - Der neue Editor von Microsoft bietet auch eine sehr gute Unterstützung für die Abschriftenbearbeitung.
Sie können es von hier herunterladen.
Der Editor bietet eine gute Unterstützung zum Umschalten zwischen dem Abschriftencode und den Vorschaumodus .
Es bietet auch eine einigermaßen gute Intellisense-Unterstützung für die gesamte Markdown-Syntax.
Der Editor ist kostenlos und ist auch plattformübergreifend (funktioniert unter Linux, Windows und Mac).
Weitere Informationen finden Sie auf der Website

enter image description here

54
sundeep

Siehe Python-Markdown-Editor

Es basiert auf :

  • Python-Markdown
  • Pygments (Hervorhebung der Codeblock-Syntax)
  • CodeMirror (Javascript-Code-Editor)
  • Flasche

Installieren Sie mit pip:

$ pip install markdown-editor 

Es bietet eine Vorschau bei der Eingabe, Code-Hervorhebung, umzäunte Codeblöcke und einen Github-Stil

es kann von der Kommandozeile verwendet werden:

$ markdown_edit 

$ markdown_edit README.md

$ markdown_edit -f readme.html README.md

enter image description here

Ich habe dies erstellt, um ein Tool zum Senden von Code-Überprüfungen zu erstellen. Es ist leicht erweiterbar, indem es als Modul importiert wird und Sie benutzerdefinierte Aktionen hinzufügen können.

34

Ich habe gerade https://github.com/ypocat/gfms installiert. Es macht einen sehr guten Job beim Rendern von Abschriften mit Github-Geschmack. Es erkennt Änderungen an Ihrem Markdown, sodass Sie Ihren Browser und Ihren Editor einfach nebeneinander platzieren. Es ist Node.js, also sollte es auf jeder Plattform gut funktionieren.

Wenn Sie Node.js installiert haben, ist die Installation einfach:

  1. Sudo npm install -g gfms
  2. gfms --port 9999 (in Ihrem Projektverzeichnis)
  3. http://localhost:9999/ (mit jedem Browser öffnen)
29
pduey

Es gibt Leute, die Google Chrome nicht verwenden. Es gibt ein Firefox-Add-On namens Markdown Viewer , das Markdown-Dateien offline lesen kann.

20
air-dex

hast du versucht ReText ? Es ist ein netter Desktop-Markdown-Editor

19
Nuno Costa

pandoc ist ein nützliches Tool zur Konvertierung von Text in Text, das das Problem der Offline-Visualisierung Ihres Markdowns löst. Einfach ausgeben:

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

Ich fand MarkView Google Chrome Erweiterung ziemlich nützlich, eigentlich funktioniert es wie ein Zauber:

MarkView ist eine Chrome Erweiterung zum Bearbeiten und Anzeigen von Markdown-Dateien mit einer Gliederungsansicht, Unterstützung mehrerer Tabellenformatstile, Hervorhebung der Codeblock-Syntax und Github Flavored Markdown.

Eigenschaften:

  1. Bearbeiten und Anzeigen von Markdown-Dateien im Webseitenstil.
  2. Lokale Datei automatisch neu laden, wenn die Datei geändert wird ( Nach der Installation: Wählen Sie die Option "Zugriff auf Datei-URLs zulassen" in chrome: // extensions/)
  3. Zeigen Sie den Umriss neben dem Inhalt scrollbar an
  4. Haben Sie Schaltflächen für GoTop, ViewSource und GoBottom
  5. Unterstützt Github Flavored Markdown-Tabellenstile und Code-Hervorhebungen.
  6. Markieren Sie den Codebereich für Programmiersprachen (zB `` `Ruby)
  7. Unterstützt das Drucken von Webseiten mit anständigem Outlook (Chrome-> Datei-> Drucken ...)
  8. Responsive: Wenn die Fenstergröße kleiner als 940px ist, wird der Gliederungsbereich automatisch ausgeblendet. Wenn Sie die Größe größer als 940px ändern, wird der Umrissbereich angezeigt.
  9. MarkView zeigt alle Markdown-Dateien mit Ausnahme der unter raw.github.com angezeigten an, da in dieser Unterdomäne nur die Quelle angezeigt wird.

MarkView wurde um weitere Funktionen erweitert:

  1. WYSIWYG-Markdown-Editor
  2. Auswahl der Themen und des Code-Stils
  3. Support-Fußnoten1 
  4. Sofortige Präsentation der Folien
  5. Benutzerdefiniertes Styling für Dokumente

    • Füge Theme CSS hinzu und wähle
    • Code-Stil hinzufügen und auswählen
    • Schreiben Sie CSS, speichern Sie und führen Sie aus
14
mariomaric

Ich mag den vertikalen Splitter in Downmarker , Sie können die Änderungen sehen, während Sie schreiben!

13
Nathan Dunn

Sie können Texte als MD-Viewer und MD-Editor verwenden, es ist leicht und ordentlich. enter image description here

11
PHPst

Geany hat ein Plugin für Markdown , das gute Arbeit leistet und Ihnen auch eine Markdown-Vorschau in der Seitenleiste bietet. Es läuft auch unter Linux, Mac OS X und Windows.

Um es zu benutzen, installiere geany, installiere dann das Paket geany-plugin-markdown und wähle es aus dem Plugin-Manager aus.

11
Akronix

Wenn Sie eine vim-Person sind, können Sie das vim-preview Plugin ausprobieren. Installieren Sie es einfach in Ihrem ~/.vim -Verzeichnis mit der Methode Ihrer Wahl. Dann können Sie eine Markdown-Datei mit vim öffnen und den Befehl :Preview verwenden, der ein neues Fenster in Ihrem Browser öffnet und das Endergebnis anzeigt.

8
Peter Diakumis

Es gibt auch StackEdit . Es funktioniert sowohl online als auch offline (es verwendet den lokalen Speicher Ihres Browsers).

Sie können es auch mit Dropbox oder Google Drive verbinden, um Dateien anzuzeigen, die in der Cloud gehostet werden.

8
N Alex

Ich habe gerade einen Offline-Markdown-Viewer mit dem Datei-Watcher node.js und socket.io codiert, sodass Sie Ihren Browser auf localhost richten und ./markdownviewer /path/to/README.md ausführen und ihn über Websockets an den Browser streamen.

8

Betrachten Sie Strapdown .

Strapdown ist eine auf Javascript basierende Lösung, mit der der Markdown-Inhalt im Browser gerendert wird, wodurch er sich hervorragend für die Offline-Anzeige eignet. Aus ihrer eigenen Beschreibung:

Strapdown.js macht es peinlich einfach, elegante Markdown-Dokumente zu erstellen. Keine serverseitige Kompilierung erforderlich.

Benennen Sie also Ihre .md Markdown-Datei in .html um und umgeben Sie sie mit:

<xmp theme="united" style="display:none;">
# Markdown content here
…
</xmp>
<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>

beim Öffnen in einem beliebigen Browser wird gerendertes HTML angezeigt. Zusätzlicher Bonus: Sie können das Thema leicht ändern.

6
ckhan

Für MAC verwende ich Marked , für Windows Muto-Mark . Beide unterstützen das GH Stylesheet.

5
pseudomuto

Eine der einfachsten Ressourcen, die unter MacOSX gut funktionieren, ist das Markdown Quick Look-Plugin unter InkMark . Nach der Installation unter OS X 10.9+ wählen Sie einfach eine Markdown-Datei im Finder aus und tippen auf die Leertaste. Ich bin nicht sicher, ob die Ergebnisse zu 100% mit Github korrelieren, aber sie sind ziemlich gut und ergeben eine winzige, unauffällige Lösung nur für Offline-Viewer. Mashable hat auch einen Artikel über 78 verschiedene Tools geschrieben, wenn Sie andere Optionen wünschen.

Makrdown-QuickLook-Preview

4
Tommie C.

Unter OS X ist Mo sehr gut und enthält zwei GitHub-CSS-Themes.

4
TachyonVortex

Check out Haroopad . Dies ist ein wirklich netter #Markdown-Editor. Es ist kostenlos und für mehrere Plattformen verfügbar. Ich habe es unter Mac OSX ausprobiert.

4
qmmr

Sie können die Erweiterung Markdown Syntax Highlighting für Notepad ++ verwenden. Es ist auf Github verfügbar

enter image description here

Nach der Installation wird eine neue Option in der Dropdown-Liste Sprache angezeigt After installation, new option in the Language dropdown will be appeared

3

Eine einfache Lösung für die meisten Situationen: Kopieren Sie den Markdown in einen Viewer in der "Cloud". Hier sind zwei Möglichkeiten:

  1. Dillinger.io
  2. Dingus

Nichts zu installieren! Plattform überqueren! Cross-Browser! Immer verfügbar!

Nachteile: Kann bei großen Dateien zu Problemen mit der Sicherheit von Standard-Cloud-Anwendungen führen.

3
aap

RStudio kann Markdown-Dateien verarbeiten und in HTML und PDF konvertieren. Wenn Sie es bereits haben, können Sie RStudio verwenden (es ist ein IDE für R-Programmiersprache). Es ist kostenlos und Open Source und funktioniert unter Windows, Mac und Linux.

2
Genom

Ab jetzt benutze ich http://marxi.co/ . Marxi.co hat Online- und Offline-Version.

2
feeeper

Bemerkenswert, sicherlich ein großartiges Werkzeug.

Eigenschaften:

  • Live Vorschau
  • Es ist kostenlos .
  • Extrem leicht
  • Export nach HTML, PDF

Download: https://remarkableapp.github.io/

1
Iqbal

Ich möchte häufig tragbare Anwendungen. Dafür habe ich gefunden

http://cloose.github.io/CuteMarkEd/ (Ich habe es nur kurz versucht und es scheint gut zu funktionieren).

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

1
sancho.s

Das beliebte Web Essentials-Plugin für Visual Studio bietet einen Markdown-Viewer und -Editor. Es unterstützt auch die Github-Sprachsyntax zum Hinzufügen von Code-Snippets.

http://vswebessentials.com/features/markdown

1
Kyle Ballard

Sie können Scribefire Next verwenden.

Es ist ein Mozilla Firefox Browser-Plugin. Installieren Sie einfach die Erweiterung und starten Sie Firefox. Passen Sie Ihre Symbolleiste an und platzieren Sie die Scribefire-Verknüpfung dazu. Und da es sich um ein Browser-Plugin handelt, können Sie es unter Mac, Linux und Windows verwenden.

Wenn Sie im Markdown-Modus schreiben möchten, klicken Sie im Scribefire-Fenster einfach auf Edit Code.

Um Ihren Zweck zu erfüllen, wechseln Sie in den Modus Edit Code und kopieren Sie alle Texte. Fügen Sie sie in Ihre Datei .md ein und laden Sie sie hoch.

Es gibt keine Live-Vorschau-Funktion, Sie müssen Edit Code und Edit Visually umschalten, um eine Vorschau Ihres Texts anzuzeigen.

Ich benutze es in meiner Linux Mint Box:

enter image description here

enter image description here

Aktualisieren:

Wir schreiben das Jahr 2014 und müssen hier ein weiteres großartiges Tool für andere Leser und Forscher hinzufügen. Erst kürzlich verwendet Klammern + Markdown Preview Extension .

1
GaryP

Dieser PHP-Viewer bietet reaktionsschnelle Unterstützung und eine Reihe von Optionen zum Anpassen.

0
wajatimur

Sie können das Firefox Markdown Viewer-Plugin verwenden, das so einfach zu installieren und zu verwenden ist.

0
Milad

Zu Ihrer Information, der Calibre E-Book-Viewer erledigt einen OK-Job zum Parsen und Anzeigen von Markdown-Dateien.

Sobald das Kaliber installiert ist, einfach ebook-viewer myfile.md.

0
Russ