Ver archivos de rebajas sin conexión [cerrado]


609

¿Hay alguna manera de mostrar los .mdarchivos sin conexión para que sepamos cómo se verá una vez que se cargue en Github? Me refiero a mostrar el README.mdarchivo tal como saldría en Github, y no con fines de edición.

Necesita trabajar en Mac y Windows ya que uso ambos.

Respuestas:


428

Hay algunos complementos de Chrome que funcionan bien. He estado usando Markdown Preview Plus .

Después de la instalación, habilite "Permitir acceso a URL de archivos" en Extensiones (menú> Más herramientas> Extensiones o ingrese URL en su chrome://extensions/lugar).

ingrese la descripción de la imagen aquí

Luego arrastre y suelte un archivo Markdown en Chrome y use su editor favorito para editar.


3
gracias, una extensión de Chrome siempre sería útil; no es necesario usar software adicional
Avi

37
¡Gracias! Instalado y no podía entender por qué los archivos md no se procesaban correctamente: la clave era "Permitir acceso ...".
mattezell

1
Markdown Preview no admite bloques de código
ACyclic

2
Para ser más específicos, cuando Markdown Preview encuentra `` '', coloca todas las líneas en el bloque de código en una sola línea. Así que probé Markview mencionado por swcool. El estilo no coincide completamente con github, pero al menos coloca cada línea en el bloque de código en líneas separadas.
EL Rayle

2
Cambió de Markdown Preview a Markdown Preview Plus porque corrige bloques de código y mucho más. Edité mi respuesta anterior para reflejar esto.
Jim Bergman

256

Escribí Grip hace un tiempo para hacer exactamente esto. Se representa exactamente como lo hace en GitHub y también ofrece varias opciones adicionales:

  • Además de README, Grip puede presentar comentarios y problemas de GitHub
  • Haga clic en los enlaces locales para representar otros archivos .md
  • Una API para usar en tus propios proyectos
  • Exportar a un archivo HTML

Instalar con pip:

pip install grip

Luego vaya al directorio que contiene su archivo README y ejecute:

grip

Pase -hpara obtener ayuda y opciones adicionales.

Aquí hay una captura de pantalla de Grip que representa el archivo README de Grip:

Captura de pantalla de Grip rendering Grip

Espero que esto ayude. Compruébalo aquí .


2
@luchosrock ¿Podría publicar una idea general de Markdown que no se procesa correctamente? Si hay alguna falta de coincidencia, entonces presentaré un error y lo arreglaré.
Joe

2
@luchosrock Creo que puedes estar confundiendo a los dos. De los propios documentos de gfms, "la implementación actual de GFMS no colorea los bloques de código fuente", mientras que Grip sí. Grip utiliza la API Markdown de GitHub y los estilos listos para usar, no una solución personalizada, que es lo que hace que Grip sea tan preciso. Además, gfms está basado en nodos , no Python.
Joe

2
A diferencia de otras soluciones, ¡funciona como un encanto en Linux! ¡Gracias!
akhmed

55
Ligero y encantador. ¡Gracias!
Benjamin R

2
@ Joe Acabo de descubrir esto por mí mismo. Buen trabajo. Funciona muy bien
idjaw

106

Atom por Github. Te da una vista previa de lado a lado.

ingrese la descripción de la imagen aquí

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


2
Esto es bueno si está editando muchos archivos .md. Y la vista previa instantánea, sin tener que cambiar a otra aplicación, siempre es una ventaja.
dval

Incluso hay un paquete de desplazamiento automático: github.com/mark-hahn/markdown-scroll-sync . Actualmente, tendría que parchear github.com/mark-hahn/markdown-scroll-sync/pull/66/files para que funcione sin advertencias.
Dror

1
Esta también es una buena sugerencia. ¡La vista previa instantánea con panel de lado a lado es una ventaja! No es necesario guardar y tabular constantemente.
Animaciones

El enlace en la parte inferior de su respuesta no existe
xxx ---

64

Visual Studio Code : el nuevo editor de Microsoft también ofrece muy buen soporte para la edición de rebajas.
Puedes descargarlo desde aquí .
El editor proporciona un buen soporte para alternar entre el código de descuento y el modo de vista previa .
También proporciona un soporte intellisense razonablemente bueno para toda la sintaxis de rebajas.
El editor es de uso gratuito y también es multiplataforma (funciona en Linux, Windows y Mac).
Para más detalles puedes consultar en su sitio web

ingrese la descripción de la imagen aquí


2
Impresionante y más fácil!
Mayur Patil

2
Excelente sugerencia. MS Visual Code es una herramienta INCREÍBLE , para muchas cosas diferentes, en muchos contextos diferentes. Es gratis; Se ejecuta en Windows, Linux y MacOS.
paulsm4

1
¡Genial, una solución que ya había instalado! Tenía dos cosas pequeñas que resolver: para abrir el panel de vista previa, haga clic derecho en la pestaña del archivo en la parte superior y seleccione "Abrir vista previa (Ctrl? Shift + V)". Para invocar el intellisense que @sundeep menciona, presione Ctrl + Espacio en la ventana del editor.
arichards

3
ctrl + kv para previsualizar
aderchox

62

Tarde a la fiesta, pero echa un vistazo a MarkdownPad .


21
Si desea obtener soporte para Markdown con sabor a github, tendrá que obtener MarkdownPad Pro, por ~ 15USD. Yo personalmente pagaría quizás 5 USD por él, pero seguro que no 15 USD. Entonces, si alguien puede recomendar algo más, hágalo.
burzum

44
Acabo de pagar los $ 15 por la versión pro, vale la pena, pero sería bueno si se ejecutara en Mono para poder usarlo en linux / osx, que es a donde se dirige más de mi desarrollador en estos días.
Rastreador1

MarkdownPad parecía entrar en juego desde hace un tiempo, así que (Alerta de divulgación: Sí, hice y vendí esto) hice MarkUpDown , que no está nada mal en $ 15. Debería ser amigable con GitHub Markdown, y si no lo es, hágame saber cómo no es y lo arreglaré.
ruffin

37

Ver Python-Markdown-Editor

Está basado en :

  • Python-Markdown
  • Pigmentos (resaltado de sintaxis de bloque de código)
  • CodeMirror (editor de código javascript)
  • Botella

Instalar con pip:

$ pip install markdown-editor 

Cuenta con una vista previa al escribir, resaltado de código, bloques de código vallado, estilo github

Puede ser utilizado por la línea de comandos:

$ markdown_edit 

$ markdown_edit README.md

$ markdown_edit -f readme.html README.md

ingrese la descripción de la imagen aquí

Creé esto para crear una herramienta para enviar revisiones de código, es fácilmente extensible, al importarlo como un módulo puede agregar acciones personalizadas.


Hola, esta parece ser una gran aplicación, sin embargo, no puedo abrir dos archivos .md al mismo tiempo, ya que la mayoría de las veces solo quiero que sea un visor en lugar de un editor. ¿Extenderá esto con una sintaxis como localhost: 8000 / <ruta / a / file.md > para que pueda ver múltiples archivos .md?
arcticfox

Puede editar varios archivos con la -p <port>opción
Nicolas Cornette

me da un error de
rastreo

29

Acabo de instalar https://github.com/ypocat/gfms . Hace un muy buen trabajo al hacer una rebaja con sabor a github. Detecta cambios en su descuento, por lo que solo debe poner su navegador y editor de lado a lado. Es Node.js, por lo que debería funcionar bien en cualquier plataforma.

Si tiene Node.js instalado, la instalación es simple:

  1. sudo npm install -g gfms
  2. gfms --port 9999 (en el directorio de tu proyecto)
  3. http://localhost:9999/ (abrir con cualquier navegador)

Desafortunadamente, el gfmsrenderizado no interrumpe la línea como lo hace GFM: no inserta una <br> cuando hay un solo salto de línea dentro de un párrafo, como lo hace GFM. Pero para el renderizado "puro" de Markdown, está bien.
Ed Ruder

2
Hay una versión actualizada de gfms ( github.com/pawel-wiejacha/gfms ) que utiliza un mejor backend GFM Markdown (Marcado) e inserta saltos de línea correctamente. También ha mejorado las listas de directorios y la función de exportación de PDF.
Pawel Wiejacha

55
Lo intenté porque sonaba prometedor. Tuve que instalar node.js (esperado) pero también python. Me di por vencido cuando quería una cadena completa de herramientas para desarrolladores de C ++. Entonces, dependiendo de su plataforma, puede ser fácil, pero si está en Windows, ni siquiera intente esta sugerencia.
Chase

Prácticamente nada de lo escrito en NodeJS funciona en Windows. Cuando una guía de "instalar este software" comienza con "npm install", he aprendido la manera difícil de alejarse. NodeJS no es tan multiplataforma como a los desarrolladores les gustaría que la gente creyera. Golang y Python son igualmente malos pero no tan malos como Node. El único lenguaje de secuencias de comandos que conozco que es verdaderamente multiplataforma y funciona en todas partes con un esfuerzo mínimo y no requiere la instalación de cientos de MB de basura es PHP. La CLI de PHP es una gema oculta: es mejor como lenguaje de script de línea de comandos que cualquier otra cosa que exista.
CubicleSoft

27

Encontré una manera de verlo en PHP. Después de investigar un poco más, encontré 2 soluciones para la visualización fuera de línea y en línea de archivos .md:

Recomiendo la versión fuera de línea para que pueda hacer su edición incluso mientras está haciendo sus negocios en el trono. :)


1
También hay muchas aplicaciones de escritorio para ver .mdarchivos.
Matt Ball

No lo sabia. ¿Qué son?
enchance el


@enchance, ¿por qué PHP? Una versión de JavaScript sería mejor.
Pacerier

23

Hay personas que no usan Google Chrome. Hay un complemento de Firefox llamado Markdown Viewer que puede leer archivos de Markdown sin conexión.


1
Agradable, y aquí hay un nuevo enlace para WebExtensions (ff 57+).
Sam

¿Me estoy perdiendo de algo? Dice "Actualmente el archivo: // ¡las URL no son compatibles!" ¿No descalifica eso como una solución? Además, muchas reseñas de una estrella dicen que Webext one no funciona.
Mitch

19

¿Has probado ReText ? Es un buen editor de Markdown de escritorio


tantas dependencias pero parece lo suficientemente bueno!
dmeu

Puede encontrar información sobre cómo instalar reText en Mac OS X aquí
lauhub

1
Es posible que deba instalar algunas dependencias manualmente: sudo apt-get install python3-docutils python3-markdown
Konstantin Smolyanin

Todo se configura automáticamente en Ubuntu 15.04, tanto las dependencias como la asociación de tipo mime.
colan

1
@Moytaba Parece que se mudó a github: github.com/retext-project/retext
NuclearPeon

17

Pandoc es una buena herramienta de conversión de texto a texto que resuelve el problema de la visualización fuera de línea de su Markdown. Solo emita:

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

Simplemente instalé esto y lo usé en un par de archivos. ¡Funciona genial!
Edward

14

Encontré la extensión MarkView Google Chrome bastante útil, en realidad funciona como un encanto:

MarkView es una extensión de Chrome para editar y ver archivos de marcado con una vista de esquema, admite múltiples estilos de formato de tabla, resaltado de sintaxis de bloque de código y Markdown con sabor de Github.

caracteristicas:

  1. Edición y visualización de archivos de descuento en el estilo de página web.
  2. Recargar automáticamente el archivo local cuando se cambia el archivo ( después de la instalación: seleccione la opción "Permitir acceso a las URL del archivo" en Chrome: // extensiones / )
  3. Mostrar esquema al lado del contenido en forma desplazable
  4. Tiene botones para GoTop, ViewSource y GoBottom
  5. Admite estilos de tabla de Github Flavored Markdown y resaltado de código.
  6. Resalte el área de código para los lenguajes de programación (por ejemplo, `` `ruby)
  7. Admite la impresión de páginas web con una perspectiva decente (Chrome-> Archivo-> Imprimir ...)
  8. Receptivo: cuando el tamaño de la ventana sea menor a 940 px, la sección del esquema se ocultará automáticamente; cambiar el tamaño más grande que 940 px, se mostrará la sección de esquema.
  9. MarkView verá todos los archivos de rebajas, excepto aquellos en raw.github.com porque ese subdominio solo muestra la fuente.

Se han agregado más funciones a MarkView:

  1. Editor de rebajas WYSIWYG
  2. Selección de temas y estilo de código
  3. Notas al pie de apoyo 1
  4. Presentación de diapositivas instantánea
  5. Documento de estilo personalizado

    • Agregar CSS de tema y seleccionar
    • Agregar estilo de código y seleccionar
    • Escribir CSS, guardar y ejecutar

@swcool Si cree que tiene una mejor respuesta, cree la suya propia, en lugar de editar a alguien más.
Jason

Creo que @swcool es autor de la extensión de Chrome mencionada anteriormente, ¿solo la está actualizando?
mariomaric

Sí, soy el autor de esta extensión de Chrome. Me gusta actualizar la descripción anterior siempre que a la extensión se le hayan agregado más funciones nuevas. De esta manera puede mantener MarkView en un lugar de respuesta en una pregunta. Sí, solo actualización. Pero parecía que el sistema Stackoverflow no aprobó mi actualización, así que tengo que parar. @Jason
swcool


11

Puede usar textos como visor y editor de md, es ligero y ordenado. ingrese la descripción de la imagen aquí


1
Este es un editor de calidad, ¡gracias por el aviso!
Lea Hayes

23
No es gratuito: textos.io/purchase
TN.

44
Tampoco está disponible para Linux.
jameshfisher 01 de

44
Encontré esto para renderizar muchos archivos md bastante mal.
Zv_oDD

2
En el Mac, requiere preinstalar alguna herramienta externa "fandoc", que no conozco ni confío, especialmente porque se encuentra en algún lugar de mi sistema operativo. El contenedor en sí (Textos) pesa alrededor de 4 MB, que es demasiado grande para un procesador .md, incluso sin esa herramienta externa ... bueno, no es una aplicación tan impresionante.
Motti Shneor

11

Geany tiene un complemento para rebajas Markdown que hace un trabajo justo, dándote también una vista previa de Markdown en la barra lateral. También se ejecuta en Linux, Mac OS X y Windows.

Para usarlo, instale geany, luego instale el paquete geany-plugin-markdown y selecciónelo desde el administrador de complementos.


Yo uso geany para todos y esta es la respuesta que estaba esperando :)
Rutrus

9

Acabo de codificar un visor de rebajas sin conexión usando el observador de archivos node.js y socket.io, por lo que apuntas tu navegador a localhost y lo ejecutas ./markdownviewer /path/to/README.mdy lo transmite al navegador usando websockets.


Ordenado. Me he resistido a node.js hasta ahora, pero quería comprobarlo y esta fue una buena razón. El estilo no es perfecto, ¿quizás el espectador debería insertar un archivo github css faltante?
pduey

8

También hay StackEdit . Funcionará tanto en línea como fuera de línea (utiliza el almacenamiento local de su navegador).

También puede conectarlo con Dropbox o Google Drive para ver los archivos alojados en la nube.


44
El almacenamiento del navegador es muy limitado. Muy muy limitado.
Pacerier

8

Si eres una persona vim, puedes probar el complemento vim-preview . Simplemente instálelo en su ~/.vimdirectorio con su método de elección. Luego puede abrir un archivo Markdown con vim y usar el comando :Previewque abrirá una nueva ventana en su navegador y mostrará el resultado final.


¡Gracias! Desafortunadamente, el complemento requiere un intérprete de rubí incorporado y algunas gemas. Demasiadas dependencias para mí ...
xverges

1
Sí, lo siento, lo instalé hace un tiempo, así que olvidé mencionar las gemas de rubí (para futuros lectores: el enlace del complemento que he incluido anteriormente describe cómo abordar esto si te gusta ese tipo de cosas de rubí) .
Peter Diakumis

1
Otro complemento vim, este usando javascript: github.com/suan/vim-instant-markdown
matiasg

7

Considere Strapdown .

Strapdown es una solución basada en Javascript que representa el contenido de rebajas en el navegador, lo que lo hace ideal para la visualización sin conexión. De su propia descripción:

Strapdown.js hace que sea vergonzosamente simple crear elegantes documentos de Markdown. No se requiere compilación del lado del servidor.

Así que cambie el nombre de su .mdarchivo de rebajas a .html, y rodee con:

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

y abrir en cualquier navegador mostrará HTML renderizado. Bonificación adicional: puede cambiar fácilmente el tema.


5

Para MAC uso Marcado , para Windows uso Muto-Mark . Ambos admiten la hoja de estilo GH.


+1: Estoy usando MutoMark para Windows: 1. Es muy ligero (395 KB) 2. Visor agradable 3. Capacidad de búsqueda (Ctr + F) 4. Destaca todos los resultados de búsqueda
Iman Mahmoudinasab

1
por desgracia no parece asociación de archivos de soporte
draeron

4

Para OS X, Mou es muy agradable y viene con dos temas CSS de GitHub.


Bonito pero con errores. Por ejemplo, elimina las marcas de encabezado ###, pero la parte WYSIWYG todavía lo muestra como encabezado. Y así sucesivamente, creo que encontré unos 3 o 4 errores en 2 minutos de usarlo.
mojuba

4

Echa un vistazo a Haroopad . Este es un editor #markdown realmente agradable. Es gratis y está disponible para múltiples plataformas. Lo he probado en Mac OSX.


Esta revisión de muchos editores WYSIWYG concluyó que Haroopad era el mejor. También está disponible para Windows y Mac. Lo acabo de descargar para editar un wiki del proyecto GitHub y hasta ahora se ve bastante bien.
TonyG

4

Uno de los recursos más simples que funciona bien en MacOSX es el complemento Markdown Quick Look que se encuentra en InkMark . Después de instalar esto en OS X 10.9+, simplemente seleccione un archivo de reducción en Finder y toque la barra espaciadora. No estoy seguro de si los resultados están correlacionados al 100% con Github, pero son bastante buenos y constituyen una pequeña solución discreta para el espectador sin conexión. Mashable también escribió un artículo sobre 78 herramientas diferentes si desea otras opciones.

Makrdown-QuickLook-Preview


1
El mejor de todos. Puedo contar la cantidad de veces que seleccioné un archivo .md y presioné el espacio, solo para dar una pequeña maldición, en cientos, tal vez miles. Entonces "y" abrir con Mou ", esperar, cerrar el lado de edición, porque la vista previa de lado a lado está hecha para editar y es una molestia cuando solo lee un archivo .md.
Motti Shneor

4

Una solución fácil para la mayoría de las situaciones: copie / pegue la rebaja en un visor en la "nube". Aquí hay dos opciones:

  1. Dillinger.io
  2. Dingus

¡Nada que instalar! ¡Plataforma cruzada! ¡Navegador cruzado! ¡Siempre disponible!

Desventajas: podría ser una molestia para archivos grandes, problemas estándar de seguridad de aplicaciones en la nube.


Y, por supuesto, estás compartiendo tus documentos de prelanzamiento con todo el mundo, incluso antes de poder
probarlos

3

Puede usar la extensión llamada Markdown Syntax Highlighting para Notepad ++. Está disponible en Github

ingrese la descripción de la imagen aquí

Después de la instalación, aparecerá una nueva opción en el menú desplegable Idioma Después de la instalación, aparecerá una nueva opción en el menú desplegable Idioma


1
Emocionante. ¿Puedes agregar un enlace a Github?
Smandoli

3
Esto no responde la pregunta. El objetivo es que se muestre el resultado final, no la fuente.
Deryck


2

RStudio puede manejar archivos de descuento y convertirlos en html y pdf. Si ya lo tiene, puede usar RStudio (es un IDE para el lenguaje de programación R). Es gratuito y de código abierto, y funciona en Windows, Mac y Linux.


1

Puede usar Scribefire Next.

Es un Mozilla Firefox complemento del navegador . Simplemente instale la extensión y encienda Firefox. Personalice su barra de herramientas y coloque el acceso directo de Scribefire. Y dado que es un complemento de navegador, puede usarlo en Mac, Linux y Windows.

Cuando desee escribir en modo Markdown, simplemente haga clic Edit Codeen la ventana Scribefire.

Ahora para cumplir con su propósito, vaya al Edit Codemodo y copie todos los textos y péguelo en su .mdarchivo y cárguelo.

No hay una función de vista previa en vivo para esto, debe alternar Edit Codey Edit Visuallyobtener una vista previa de su texto.

Lo estoy usando en mi caja de Linux Mint:

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

Actualizar:

Es el año 2014, necesito agregar alguna otra herramienta increíble aquí para otros lectores e investigadores. Recientemente usé Brackets + Markdown Preview Extension .


Me encantan los corchetes !!! Sin spam, realmente lo hago
a7omiton 05 de


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.