Visualizza file markdown offline [chiuso]


609

Esiste un modo per visualizzare i .mdfile offline, quindi sappiamo come sarà una volta caricato in Github? Mi riferisco a mostrare il README.mdfile come sarebbe uscito in Github e non a scopo di modifica.

Deve funzionare su Mac e Windows poiché uso entrambi.

Risposte:


428

Ci sono alcuni plug-in di Chrome che funzionano bene. Sto usando Markdown Preview Plus .

Dopo l'installazione, abilita "Consenti accesso agli URL dei file" in Estensioni (menu> Altri strumenti> Estensioni o inserisci chrome://extensions/invece l' URL ).

inserisci qui la descrizione dell'immagine

Quindi trascina e rilascia un file Markdown su Chrome e usa il tuo editor preferito per modificarlo.


3
grazie, un'estensione di Chrome sarebbe sempre utile; non è necessario utilizzare software aggiuntivo
Avi,

37
Grazie! Installato e impossibile capire perché il rendering dei file md non fosse corretto: la chiave "Consenti accesso ..." era fondamentale.
mattezell,

1
Markdown Preview non supporta i blocchi di codice
ACyclic

2
Per essere più specifici, quando Markdown Preview incontra `` '', mette tutte le righe nel blocco di codice su una sola riga. Così ho provato Markview menzionato da Swcool. Lo stile non corrisponde completamente a github, ma almeno mette ogni riga nel blocco di codice su righe separate.
EL Rayle,

2
Passato da Markdown Preview a Markdown Preview Plus perché corregge blocchi di codice e molto altro. Modificato la mia risposta sopra per riflettere questo.
Jim Bergman,

256

Ho scritto Grip qualche tempo fa per fare esattamente questo. Viene visualizzato esattamente come su GitHub e offre anche diverse opzioni aggiuntive:

  • Oltre a README, Grip può eseguire il rendering di commenti e problemi di GitHub
  • Fare clic sui collegamenti locali per eseguire il rendering di altri file .md
  • Un'API da utilizzare nei tuoi progetti
  • Esporta in un file HTML

Installa con pip:

pip install grip

Quindi vai alla directory che contiene il tuo file README ed esegui:

grip

Passaggio -h per ulteriore aiuto e opzioni.

Ecco uno screenshot di Grip rendering README di Grip:

Schermata di rendering Grip Grip

Spero che sia di aiuto. Dai un'occhiata qui .


2
@luchosrock Potresti pubblicare un riassunto di Markdown che non viene visualizzato correttamente? Se c'è qualche discrepanza, allora segnalerò un bug e lo risolverò.
Joe,

2
@luchosrock Penso che potresti confondere i due però. Dai documenti di gfms, "l'attuale implementazione di GFMS non colora i blocchi di codice sorgente", mentre Grip lo fa. Grip utilizza l'API Markdown di GitHub e gli stili predefiniti, non una soluzione personalizzata, che è ciò che rende Grip così preciso. Inoltre, gfms è basato sul nodo , non su Python.
Joe,

2
A differenza di altre soluzioni, funziona come un fascino su Linux! Grazie!
akhmed,

5
Leggero e adorabile. Grazie!
Benjamin R,

2
@Joe L'ho appena scoperto da solo. Ottimo lavoro. Funziona magnificamente.
idjaw,

106

Atom di Github. Ti dà un'anteprima fianco a fianco.

inserisci qui la descrizione dell'immagine

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


2
Questo è bello se stai modificando molti file .md. E l'anteprima istantanea, senza dover passare a un'altra app è sempre un vantaggio.
dval,

C'è anche un pacchetto di scorrimento automatico: github.com/mark-hahn/markdown-scroll-sync . Al momento, dovresti patchare github.com/mark-hahn/markdown-scroll-sync/pull/66/files perché funzioni senza avvisi.
Dror

1
Anche questo è un buon suggerimento. L'anteprima istantanea con riquadro affiancato è un vantaggio! Non è necessario salvare e effettuare il tabout costantemente.
AnimNations

Il link in fondo alla tua risposta non esiste
xxx ---

64

Codice di Visual Studio : il nuovo editor di Microsoft offre anche un ottimo supporto per la modifica dei markdown.
Puoi scaricarlo da qui .
L'editor fornisce un buon supporto per alternare tra il codice di markdown e la modalità di anteprima .
Fornisce inoltre un supporto intellisense ragionevolmente buono per tutta la sintassi del markdown.
L'editor è gratuito ed è anche multipiattaforma (funziona su Linux, Windows e Mac).
Per maggiori dettagli puoi consultare il loro sito web

inserisci qui la descrizione dell'immagine


2
Fantastico e semplice!
Mayur Patil,

2
Suggerimento eccellente. MS Visual Code è uno strumento INCREDIBILE , per molte cose diverse, in molti contesti diversi. È gratis; funziona su Windows, Linux e MacOS.
paulsm4,

1
Fantastico, una soluzione che avevo già installato! Avevo due piccole cose da capire: per aprire il riquadro di anteprima, fai clic con il pulsante destro del mouse sulla scheda del file nella parte superiore e seleziona "Apri anteprima (Ctrl? Maiusc + V)". Per invocare l'intellisenso menzionato da @sundeep, premi Ctrl + Spazio nella finestra dell'editor.
Arichards,

3
ctrl + kv per l'anteprima
aderchox

62

In ritardo alla festa, ma dai un'occhiata a MarkdownPad .


21
Se vuoi ottenere supporto per il markdown al gusto di github dovrai ottenere MarkdownPad Pro - per ~ 15 USD. Personalmente pagherei forse 5 USD per questo, ma di sicuro non 15 USD. Quindi, se qualcuno può consigliare qualcos'altro, per favore fallo.
Burzum,

4
Ho appena pagato $ 15 per la versione pro, ne vale la pena, ma sarebbe bello se funzionasse sotto Mono, quindi potrei usarlo in Linux / OSX, che è dove più dei miei sviluppatori sta andando in questi giorni.
Tracker1

MarkdownPad è sembrato andare alle palle della nausea un po 'di tempo fa, quindi io (Avviso di divulgazione: Sì, l'ho realizzato e venduto questo) ho creato MarkUpDown , che non è troppo malandato a $ 15. Dovrebbe essere GitHub Markdown amichevole, e se non lo è, fammi sapere come non è e lo riparerò.
ruffin,

37

Vedi Python-Markdown-Editor

È basato su :

  • Python-Markdown
  • Pygments (evidenziazione della sintassi del blocco di codice)
  • CodeMirror (editor di codice javascript)
  • Bottiglia

Installa con pip:

$ pip install markdown-editor 

Presenta anteprima durante la digitazione, evidenziazione del codice, blocchi di codice recintati, stile github

può essere utilizzato dalla riga di comando:

$ markdown_edit 

$ markdown_edit README.md

$ markdown_edit -f readme.html README.md

inserisci qui la descrizione dell'immagine

Ho creato questo per creare uno strumento per l'invio di recensioni di codice, è facilmente estensibile, importandolo come modulo è possibile aggiungere azioni personalizzate.


Ciao, questa sembra essere un'ottima app, tuttavia non riesco ad aprire due file .md contemporaneamente, poiché la maggior parte delle volte voglio solo che sia un visualizzatore piuttosto che un editor. Estenderai questo con una sintassi come localhost: 8000 / <percorso / a / file.md > per renderlo in grado di visualizzare più file .md?
Arcticfox,

Puoi modificare più file con l' -p <port>opzione
Nicolas Cornette,

dà un errore Traceback per me
aderchox

29

Ho appena installato https://github.com/ypocat/gfms . Fa un ottimo lavoro nel rendere markdown al gusto di github. Rileva le modifiche nel markdown, quindi affianchi il browser e l'editor. Si tratta di Node.js, quindi dovrebbe funzionare bene su qualsiasi piattaforma.

Se hai installato Node.js, l'installazione è semplice:

  1. sudo npm install -g gfms
  2. gfms --port 9999 (nella directory del progetto)
  3. http://localhost:9999/ (aperto con qualsiasi browser)

Sfortunatamente, gfmsnon rende le interruzioni di linea come fa GFM - non inserisce una <br> quando c'è un'interruzione di riga all'interno di un paragrafo, come fa GFM. Ma per un rendering Markdown "puro", va bene.
Ed Ruder,

2
Esiste una versione aggiornata di gfms ( github.com/pawel-wiejacha/gfms ) che utilizza un migliore backend GFM Markdown (Marked) e inserisce correttamente le interruzioni di riga. Ha anche migliorato gli elenchi di directory e la funzione di esportazione PDF.
Pawel Wiejacha,

5
Ho provato questo perché sembrava promettente. Ho dovuto installare node.js (previsto) ma anche Python. Ho rinunciato quando voleva una toolchain per sviluppatori C ++ completa. Quindi, a seconda della tua piattaforma, potrebbe essere facile ma se sei su Windows non provare nemmeno questo suggerimento.
Insegui il

Praticamente nulla di scritto in NodeJS funziona su Windows. Quando una guida "installa questo software" inizia con "npm install", ho imparato a fatica ad andarmene. NodeJS non è così multipiattaforma come gli sviluppatori vorrebbero che la gente credesse. Golang e Python sono ugualmente cattivi ma non così cattivi come Nodo. L'unico linguaggio di scripting che conosco è veramente multipiattaforma e funziona ovunque con il minimo sforzo e non richiede l'installazione di centinaia di MB di spazzatura è PHP. La CLI di PHP è una gemma nascosta: è meglio come linguaggio di scripting da riga di comando rispetto a qualsiasi altra cosa.
CubicleSoft

27

Ho trovato un modo per visualizzarlo in PHP. Dopo aver fatto un po 'di snooping ho trovato 2 soluzioni per la visualizzazione offline e online di file .md:

Raccomando la versione offline in modo da poter eseguire le modifiche anche mentre fai affari sul trono. :)


1
Esistono anche molte app desktop per la visualizzazione dei .mdfile.
Matt Ball,

Non lo sapevo. Quali sono?
incantare il

3
google.com/search?q=markdown%20editor salta fuori markdownpad.com abbastanza immediatamente
Matt Ball

@enchance, Why PHP? Una versione javascript sarebbe migliore.
Pacerier,

23

Ci sono persone che non usano Google Chrome. Esiste un componente aggiuntivo di Firefox chiamato Markdown Viewer che è in grado di leggere i file Markdown offline.


1
Bello, ed ecco il nuovo link per WebExtensions (ff 57+).
Sam

Mi sto perdendo qualcosa? Dice "Attualmente file: // Gli URL non sono supportati!" - questo tipo di squalifica non è una soluzione? Inoltre, molte recensioni di una stella dicono che il Webext non funziona.
Mitch il

19

hai provato ReText ? È un bel editor Markdown per desktop


così tante dipendenze. ma sembra abbastanza carino!
dmeu,

Alcune informazioni su come installare reText su Mac OS X sono disponibili qui
lauhub,

1
Potrebbe essere necessario installare alcune dipendenze manualmente: sudo apt-get install python3-docutils python3-markdown
Konstantin Smolyanin

Tutto viene impostato automaticamente in Ubuntu 15.04, sia le dipendenze che l'associazione di tipo mime.
colan,

1
@Moytaba Sembra che sia stato spostato su github: github.com/retext-project/retext
NuclearPeon

17

pandoc è un simpatico strumento di conversione da testo a testo che risolve il problema della visualizzazione offline del tuo Markdown. Emetti solo:

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

Ho appena installato questo e l'ho usato su un paio di file. Funziona alla grande!
Edward,

14

Ho trovato l' estensione MarkView Google Chrome piuttosto utile, in realtà funziona come un fascino:

MarkView è un'estensione di Chrome per la modifica e la visualizzazione di file markdown con una vista di struttura, supporto di più stili di formato di tabella, evidenziazione della sintassi del blocco di codice e Markdown aromatizzato Github.

Caratteristiche:

  1. Modifica e visualizzazione del file markdown nello stile della pagina web.
  2. Ricarica automaticamente il file locale quando il file viene modificato ( Post-installazione: seleziona l'opzione "Consenti accesso agli URL dei file" in chrome: // extensions / )
  3. Mostra il contorno accanto al contenuto in modo scorrevole
  4. Sono disponibili pulsanti per GoTop, ViewSource e GoBottom
  5. Supporta gli stili di tabella Markdown aromatizzati Github e l'evidenziazione del codice.
  6. Evidenzia l'area del codice per i linguaggi di programmazione (ad es. `` Ruby)
  7. Supporta la stampa di pagine Web con una prospettiva decente (Chrome-> File-> Stampa ...)
  8. Reattivo: quando la dimensione della finestra è inferiore a 940 px, la sezione del contorno verrà automaticamente nascosta; ridimensionare più grande di 940px, verrà visualizzata la sezione contorno.
  9. MarkView visualizzerà tutti i file di markdown tranne quelli in raw.github.com perché quel sottodominio visualizza solo l'origine.

Altre funzioni sono state aggiunte a MarkView:

  1. Editor di markdown WYSIWYG
  2. Temi e selezione dello stile del codice
  3. Note di supporto 1
  4. Presentazione di diapositive istantanee
  5. Styling personalizzato del documento

    • Aggiungi tema CSS e seleziona
    • Aggiungi stile codice e seleziona
    • Scrivi CSS, salva ed esegui

@swcool Se ritieni di avere una risposta migliore, creane una tua, invece di modificare qualcun altro.
Jason,

Credo che @swcool sia l'autore dell'estensione di Chrome sopra menzionata, la sta solo aggiornando?
mariomaric,

Sì, sono l'autore di questa estensione di Chrome. Mi piace aggiornare la descrizione sopra ogni volta che l'estensione è stata aggiunta più nuove funzionalità. In questo modo è possibile mantenere MarkView in una posizione di risposta in una domanda. Sì, aggiorna solo. Ma sembrava che il sistema Stackoverflow non approvasse il mio aggiornamento, quindi devo fermarmi. @Jason
swcool,


11

Puoi usare i testi come visualizzatore md ed editor md, è leggero e pulito. inserisci qui la descrizione dell'immagine


1
Questo è un editor di qualità, grazie per il headsup!
Lea Hayes,

23
Non gratuito: texts.io/purchase
TN.

4
Inoltre non disponibile per Linux.
jameshfisher,

4
Ho trovato questo per rendere molti file md piuttosto male.
Zv_oDD,

2
Sul Mac, richiede la preinstallazione di uno strumento esterno "fandoc", che non conosco o di cui mi fido, soprattutto che si trova da qualche parte nel mio sistema operativo. Il wrapper stesso (Texts) pesa circa 4 MB, che è troppo grande per un renderer .md, anche senza quello strumento esterno ... beh, non così impressionante app.
Motti Shneor,

11

Geany ha un plugin per markdown che fa un buon lavoro, dandoti anche un'anteprima di Markdown nella barra laterale. Funziona anche su Linux, Mac OS X e Windows.

Per usarlo, installa geany, quindi installa il pacchetto geany-plugin-markdown e selezionalo dal gestore plugin.


Uso Geany per tutti e questa è la risposta che mi aspettavo :)
Rutrus,

9

Ho appena codificato un visualizzatore di markdown offline usando il watcher di file node.js e socket.io, quindi punti il ​​tuo browser su localhost ed ./markdownviewer /path/to/README.mdeseguilo e lo trasmette al browser usando websocket.


Neat. Finora ho resistito a node.js, ma volevo verificarlo e questa è stata una buona ragione. Lo stile non è perfetto, forse un file CSS github mancante dovrebbe essere inserito dal visualizzatore?
pduey,

8

C'è anche StackEdit . Funzionerà sia online che offline (utilizza l'archiviazione locale del browser).

Puoi anche connetterlo con Dropbox o Google Drive per vedere i file ospitati sul cloud.


4
La memoria del browser è molto limitata. Molto molto limitato
Pacerier,

8

Se sei una persona vim, puoi provare il plug -in vim-preview . Basta installarlo nella tua ~/.vimdirectory con il tuo metodo di scelta. Quindi puoi aprire un file Markdown con vim e usare il comando :Previewche aprirà una nuova finestra nel tuo browser e visualizzerà il risultato finale.


Grazie! Sfortunatamente, il plugin richiede un interprete rubino incorporato e alcune gemme. Troppe dipendenze per me ...
xverges

1
Sì, scusa per questo - l'avevo installato un po 'di tempo fa, quindi ho dimenticato di menzionare le gemme ruby ​​(per i futuri lettori: il link del plugin che ho incluso sopra descrive come affrontare questo se ti piacciono quelle cose ruby) .
Peter Diakumis,

1
Un altro plugin vim, questo usando javascript: github.com/suan/vim-instant-markdown
matiasg

7

Prendi in considerazione Strapdown .

Strapdown è una soluzione basata su Javascript che esegue il rendering del contenuto markdown nel browser, il che lo rende ideale per la visualizzazione offline. Dalla loro stessa descrizione:

Strapdown.js rende imbarazzante la semplice creazione di eleganti documenti Markdown. Nessuna compilazione sul lato server richiesta.

Quindi rinominare il .mdfile markdown in .htmle circondarlo con:

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

e l'apertura in qualsiasi browser mostrerà il rendering HTML. Bonus aggiunto: puoi cambiare facilmente il tema.


5

Per MAC uso Marked , per Windows uso Muto-Mark . Entrambi supportano il foglio di stile GH.


+1: Sto usando MutoMark per Windows: 1. È molto leggero (395 KB) 2. Bel visualizzatore 3. Capacità di ricerca (Ctr + F) 4. Evidenzia tutti i risultati della ricerca
Iman Mahmoudinasab,

1
purtroppo non sembra supportare l'associazione dei file
draeron

4

Per OS X, Mou è molto bello e viene fornito con due temi CSS GitHub.


Bello ma buggy. Ad esempio, si rimuovono i segni di intestazione ###, ma la parte WYSIWYG lo mostra ancora come intestazione. E così via, penso di aver trovato 3 o 4 bug in 2 minuti di utilizzo.
Mojuba,

4

Dai un'occhiata a Haroopad . Questo è un editor #markdown davvero carino. È gratuito e disponibile per più piattaforme. L'ho provato su Mac OSX.


Questa recensione di molti redattori di WYSIWYG ha concluso che Haroopad era il migliore. È disponibile anche per Windows e Mac. L'ho appena scaricato per la modifica di un wiki del progetto GitHub e finora sembra abbastanza buono.
TonyG,

4

Una delle risorse più semplici che funziona bene su MacOSX è il plug-in Markdown Quick Look trovato su InkMark . Dopo averlo installato su OS X 10.9+, è sufficiente selezionare un file markdown nel Finder e toccare la barra spaziatrice. Non sono sicuro che i risultati siano correlati al 100% con Github, ma sono piuttosto buoni e costituiscono una soluzione unica e discreta per il visualizzatore offline. Mashable ha anche scritto un articolo su 78 strumenti diversi se desideri altre opzioni.

Makrdown-QuickLook-Anteprima


1
IL MIGLIORE DI SEMPRE. Posso contare il numero di volte in cui ho selezionato un file .md e ho colpito lo spazio, solo per dare una piccola maledizione - in centinaia, forse migliaia. Vorrei quindi "e" aprire con Mou ", attendere, chiudere il lato di modifica - perché l'anteprima affiancata è fatta per la modifica ed è solo una seccatura quando si legge un file .md.
Motti Shneor,

4

Una soluzione semplice per la maggior parte delle situazioni: copia / incolla il markdown in un visualizzatore nel "cloud". Ecco due opzioni:

  1. Dillinger.io
  2. dingus

Niente da installare! Piattaforma incrociata! Cross browser! Sempre disponibile!

Svantaggi: potrebbe essere una seccatura per file di grandi dimensioni, problemi di sicurezza delle applicazioni cloud standard.


E, naturalmente, stai condividendo i tuoi documenti pre-release con tutto il mondo, prima ancora di essere in grado di
provarli

3

È possibile utilizzare l'estensione chiamata Evidenziazione della sintassi Markdown per Notepad ++. È disponibile su Github

inserisci qui la descrizione dell'immagine

Dopo l'installazione, verrà visualizzata una nuova opzione nel menu a discesa Lingua Dopo l'installazione, verrà visualizzata una nuova opzione nel menu a discesa Lingua


1
Eccitante. Puoi aggiungere un link a Github?
Smandoli,

3
Questo non risponde alla domanda. L'obiettivo è mostrare il risultato finale, non la fonte.
Deryck,


2

RStudio è in grado di gestire file markdown e convertirli in html e pdf. Se ce l'hai già, puoi usare RStudio (è un IDE per il linguaggio di programmazione R). È gratuito e open source e funziona su Windows, Mac e Linux.


1

Puoi usare Scribefire Next.

È un Mozilla Firefox plug-in del browser . Basta installare l'estensione e avviare Firefox. Personalizza la tua barra degli strumenti e posiziona il collegamento Scribefire. E poiché è un plug-in del browser, puoi usarlo su Mac, Linux e Windows.

Quando vuoi scrivere in modalità Markdown, fai semplicemente clic Edit Codedalla finestra di Scribefire.

Ora per raggiungere il tuo scopo, vai in Edit Codemodalità e copia tutti i testi e incollali sul tuo .mdfile e carica.

Non esiste una funzione di anteprima dal vivo per questo, devi attivare Edit Codee disattivare Edit Visuallyl'anteprima del testo.

Lo sto usando nella mia scatola di Linux Mint:

inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine

Aggiornare:

È l'anno 2014, è necessario aggiungere qui altri fantastici strumenti per altri lettori e ricercatori. Appena usato Brackets + Markdown Preview Extension .


Adoro le staffe !!! Niente spam, ho davvero fare
a7omiton


Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.