Zobacz pliki Markdown offline [zamknięte]

609

Czy istnieje sposób wyświetlania .mdplików offline, abyśmy wiedzieli, jak będzie wyglądał po przesłaniu do Github? Mam na myśli pokazanie README.mdpliku tak, jak byłby dostępny w Github, a nie do edycji.

Musi działać na komputerach Mac i Windows, ponieważ używam obu.

zaklęcie
źródło

Odpowiedzi:

428

Istnieje kilka wtyczek do Chrome, które działają dobrze. Korzystam z Markdown Preview Plus .

Po instalacji włącz opcję „Zezwalaj na dostęp do adresów URL plików” w menu Rozszerzenia (menu> Więcej narzędzi> Rozszerzenia lub wprowadź adres URL chrome://extensions/).

wprowadź opis zdjęcia tutaj

Następnie przeciągnij i upuść plik Markdown na Chrome i użyj swojego ulubionego edytora do edycji.

Jim Bergman
źródło
3
dzięki, rozszerzenie Chrome zawsze będzie przydatne; nie ma potrzeby korzystania z dodatkowego oprogramowania
Avi
37
Dzięki! Zainstalowany i nie mógł zrozumieć, dlaczego pliki MD nie były poprawnie renderowane - kluczem był „Zezwól na dostęp ...”.
mattezell,
1
Podgląd Markdown nie obsługuje bloków kodu
ACykliczny
2
Mówiąc ściślej, gdy Markdown Preview napotka `` ', umieszcza wszystkie linie w bloku kodu w jednym wierszu. Więc wypróbowałem Markview wspomniany przez swcool. Styl nie do końca pasuje do github, ale przynajmniej umieszcza każdą linię w bloku kodu na osobnych liniach.
EL Rayle
2
Przełączono z Markdown Preview na Markdown Preview Plus, ponieważ naprawia bloki kodu i wiele więcej. Edytowałem moją odpowiedź powyżej, aby to odzwierciedlić.
Jim Bergman,
256

Napisałem Grip jakiś czas temu, aby dokładnie to zrobić. Renderuje dokładnie tak , jak robi to w GitHub i udostępnia także kilka dodatkowych opcji:

  • Oprócz plików README Grip może renderować komentarze i problemy GitHub
  • Klikaj lokalne łącza, aby renderować inne pliki .md
  • API do wykorzystania we własnych projektach
  • Eksportuj do pliku HTML

Zainstaluj za pomocą pip:

pip install grip

Następnie przejdź do katalogu zawierającego plik README i uruchom:

grip

Przekaż, -haby uzyskać dodatkową pomoc i opcje.

Oto zrzut ekranu Grip renderujący Grip README:

Zrzut ekranu przedstawiający rendering Grip Grip

Mam nadzieję że to pomoże. Sprawdź to tutaj .

Joe
źródło
2
@luchosrock Czy możesz opublikować listę Markdown, która nie wyświetla się poprawnie? Jeśli wystąpi niezgodność, wyślę błąd i naprawię go.
Joe
2
@luchosrock Myślę, że możesz pomylić te dwie rzeczy. Z własnych dokumentów gfms „obecna implementacja GFMS nie zabarwia bloków kodu źródłowego”, podczas gdy Grip tak. Grip korzysta z własnego interfejsu Markdown API i stylów GitHub, a nie niestandardowego rozwiązania, dzięki czemu Grip jest tak dokładny. Ponadto gfms jest oparty na węzłach , a nie na Pythonie.
Joe
2
W przeciwieństwie do innych rozwiązań, działa jak urok w systemie Linux! Dzięki!
akhmed
5
Lekki i piękny. Dzięki!
Benjamin R
2
@Joe Właśnie to odkryłem. Świetna robota. Działa pięknie.
idjaw
106

Atom od Github. Daje ci podgląd obok siebie.

wprowadź opis zdjęcia tutaj

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

Maksyma
źródło
2
Jest to przydatne, jeśli edytujesz wiele plików .md. Natychmiastowy podgląd bez konieczności przełączania się na inną aplikację jest zawsze zaletą.
dval
Istnieje nawet pakiet automatycznego przewijania: github.com/mark-hahn/markdown-scroll-sync . Obecnie musisz załatać github.com/mark-hahn/markdown-scroll-sync/pull/66/files, aby działał bez ostrzeżeń.
Dror
1
To także dobra sugestia. Natychmiastowy podgląd z okienkiem obok siebie to bonus! Nie musisz ciągle zapisywać i tabulować.
AnimNations
Link u dołu twojej odpowiedzi nie istnieje
xxx ---
64

Visual Studio Code - nowy edytor firmy Microsoft zapewnia również bardzo dobrą obsługę edycji przecen.
Możesz go pobrać stąd .
Edytor zapewnia dobrą obsługę przełączania między kodem przeceny a trybem podglądu .
Zapewnia również dość dobrą obsługę intellisense dla całej składni przeceny.
Edytor jest darmowy i działa również na różnych platformach (działa w systemach Linux, Windows i Mac).
Aby uzyskać więcej informacji, możesz sprawdzić na ich stronie internetowej

wprowadź opis zdjęcia tutaj

niedziela
źródło
2
Niesamowite i najłatwiejsze!
Mayur Patil,
2
Doskonała sugestia. MS Visual Code to NIESAMOWITE narzędzie do wielu różnych rzeczy, w wielu różnych kontekstach. Jest wolne; działa w systemach Windows, Linux i MacOS.
paulsm4,
1
Fajne, rozwiązanie, które już zainstalowałem! Miałem dwie małe rzeczy do zrozumienia: Aby otworzyć okienko podglądu, kliknij prawym przyciskiem myszy kartę pliku u góry i wybierz „Otwórz podgląd (Ctrl? Shift + V)”. Aby wywołać inteligencję, o której wspomina @sundeep, naciśnij Ctrl + Spacja w oknie edytora.
arichards
3
ctrl + kv do podglądu
aderchox
62

Późno na imprezę, ale spójrz na MarkdownPad .

David Brabant
źródło
21
Jeśli chcesz uzyskać wsparcie dla markdown o smaku github, musisz zdobyć MarkdownPad Pro - za ~ 15 USD. Osobiście zapłaciłbym za to może 5 USD, ale na pewno nie 15 USD. Więc jeśli ktoś może polecić coś innego, zrób to.
burzum
4
Właśnie zapłaciłem 15 $ za wersję pro, imho warto, ale byłoby miło, gdyby działał pod Mono, abym mógł używać go w systemie Linux / OSX, do którego zmierza obecnie więcej moich programistów.
Tracker1,
MarkdownPad zdawało się, że jakiś czas temu wpadał w mole, więc ja ( Ostrzeżenie o ujawnieniu: Tak, zrobiłem i sprzedałem to) stworzyłem MarkUpDown , który nie jest zbyt odrapany za 15 USD. Powinien być przyjazny dla GitHub Markdown, a jeśli nie, daj mi znać, jak to nie jest i naprawię to.
ruffin
37

Zobacz edytor Python-Markdown

Opiera się na:

  • Python-Markdown
  • Pigmenty (podświetlanie składni bloku kodu)
  • CodeMirror (edytor kodu javascript)
  • Butelka

Zainstaluj za pomocą pip:

$ pip install markdown-editor 

Zawiera podgląd podczas pisania, podświetlanie kodu, ogrodzone bloki kodu, styl github

można go użyć z wiersza poleceń:

$ markdown_edit 

$ markdown_edit README.md

$ markdown_edit -f readme.html README.md

wprowadź opis zdjęcia tutaj

Stworzyłem to, aby zbudować narzędzie do wysyłania recenzji kodu, jest ono łatwo rozszerzalne, importując je jako moduł, w którym można dodawać akcje niestandardowe.

Nicolas Cornette
źródło
Witaj, wydaje się, że jest to świetna aplikacja, jednak nie mogę otworzyć dwóch plików .md jednocześnie, ponieważ przez większość czasu chcę, aby była to przeglądarka, a nie edytor. Czy rozszerzysz to o składnię taką jak localhost: 8000 / <path / to / file.md >, aby umożliwić wyświetlanie wielu plików .md?
arcticfox
Możesz edytować wiele plików z -p <port>opcją
Nicolas Cornette
daje mi błąd śledzenia
aderchox
29

Właśnie zainstalowałem https://github.com/ypocat/gfms . Wykonuje bardzo dobrą robotę, renderując markdown o smaku github. Wykrywa zmiany w przecenach, więc po prostu umieść przeglądarkę i edytor obok siebie. Jest to Node.js, więc powinien działać dobrze na każdej platformie.

Jeśli masz zainstalowany Node.js, instalacja jest prosta:

  1. sudo npm install -g gfms
  2. gfms --port 9999 (w katalogu projektu)
  3. http://localhost:9999/ (otwórz w dowolnej przeglądarce)
pduey
źródło
Niestety, gfmsnie renderuje podziałów linii, tak jak robi to GFM - nie wstawia <br>, gdy w akapicie występuje pojedynczy podział linii, jak robi to GFM. Ale dla „czystego” renderowania Markdown jest w porządku.
Ed Ruder
2
Istnieje zaktualizowana wersja gfms ( github.com/pawel-wiejacha/gfms ), która wykorzystuje lepszy backend GFM Markdown (oznaczony) i poprawnie wstawia podział linii. Ulepszono także katalogi i funkcję eksportu plików PDF.
Paweł Wiejacha
5
Próbowałem tego, ponieważ brzmiało to obiecująco. Musiałem zainstalować node.js (oczekiwany), ale także python. Zrezygnowałem, gdy chciałem kompletnego zestawu narzędzi dla programistów C ++. W zależności od platformy może to być łatwe, ale jeśli korzystasz z systemu Windows, nawet nie wypróbuj tej sugestii.
Chase
Prawie nic napisanego w NodeJS nie działa w systemie Windows. Kiedy przewodnik „zainstaluj to oprogramowanie” zaczyna się od „instalacja npm”, nauczyłem się trudnego sposobu na odejście. NodeJS nie jest tak wieloplatformowy, jak chcieliby programiści. Golang i Python są podobnie złe, ale nie tak złe jak Węzeł. Jedynym znanym mi językiem skryptowym jest prawdziwie wieloplatformowy i działa wszędzie przy minimalnym wysiłku i nie wymaga instalowania setek MB śmieci, to PHP. PHP CLI to ukryty klejnot - jest lepszy jako język skryptowy wiersza poleceń niż cokolwiek innego.
CubicleSoft
27

Znalazłem sposób, aby zobaczyć to w PHP. Po dłuższym szpiegowaniu znalazłem 2 rozwiązania do przeglądania plików .md w trybie offline i online:

Polecam wersję offline, abyś mógł edytować nawet wtedy, gdy prowadzisz działalność na tronie. :)

zaklęcie
źródło
1
Istnieje również wiele aplikacji komputerowych do przeglądania .mdplików.
Matt Ball
Nie wiedziałem tego Czym oni są?
zaklęcie
3
google.com/search?q=markdown%20editor natychmiast pojawia się markdownpad.com
Matt Ball
@enchance, Dlaczego PHP? Wersja javascript byłaby lepsza.
Pacerier
23

Są ludzie, którzy nie używają Google Chrome. Istnieje dodatek do przeglądarki Firefox o nazwie Markdown Viewer, który może czytać pliki Markdown offline.

air-dex
źródło
1
Fajnie, a oto nowy link do WebExtensions (ff 57+).
Sam
Czy coś brakuje? Mówi: „Aktualnie plik: // adresy URL nie są obsługiwane!” - czy to nie dyskwalifikuje tego jako rozwiązania? Ponadto wiele recenzji z jedną gwiazdką mówi, że jeden tekst nie działa.
Mitch
19

próbowałeś ReText ? To ładny edytor stacjonarny Markdown

Nuno Costa
źródło
tak wiele zależności. ale wydaje się wystarczająco miły!
dmeu
Niektóre informacje na temat instalacji reText na Mac OS X można znaleźć tutaj
lauhub,
1
Może być konieczne ręczne zainstalowanie niektórych zależności: sudo apt-get install python3-docutils python3-markdown
Konstantin Smolyanin
Wszystko jest konfigurowane automatycznie w Ubuntu 15.04, zarówno zależności, jak i powiązanie typu mime.
colan
1
@Moytaba Wygląda na przeniesiony do github: github.com/retext-project/retext
NuclearPeon
17

pandoc to ładne narzędzie do konwersji tekstu na tekst, które rozwiązuje problem wizualizacji offline twojego Markdown. Wystarczy wydać:

pandoc -f markdown -t html README.md > README.html
tonicebrian
źródło
Właśnie to zainstalowałem i użyłem go na kilku plikach. Działa świetnie!
Edward
14

Uważam, że rozszerzenie MarkView Google Chrome jest bardzo przydatne, w rzeczywistości działa jak urok:

MarkView to rozszerzenie przeglądarki Chrome do edycji i przeglądania plików Markdown z widokiem konspektu, obsługujących wiele stylów formatów tabel, podświetlanie składni bloków kodu i Markdown o smaku Github.

Funkcje:

  1. Edycja i przeglądanie pliku przeceny w stylu strony internetowej.
  2. Automatycznie ładuj ponownie plik lokalny po zmianie pliku ( po instalacji: wybierz opcję „Zezwól na dostęp do adresów URL plików” w chrome: // extensions / )
  3. Pokaż kontur obok zawartości w przewijalny sposób
  4. Posiadają przyciski GoTop, ViewSource i GoBottom
  5. Obsługa stylów tabeli Markdown Flavored Markdown i wyróżnienia kodu.
  6. Zaznacz obszar kodu dla języków programowania (np. `` Ruby)
  7. Obsługa drukowania stron internetowych z przyzwoitym wyglądem (Chrome-> Plik-> Drukuj ...)
  8. Responsywne: gdy rozmiar okna jest mniejszy niż 940px, sekcja konturu zostanie automatycznie ukryta; zmieni rozmiar większy niż 940 pikseli, zostanie wyświetlona sekcja konspektu.
  9. MarkView wyświetli wszystkie pliki przeceny z wyjątkiem plików raw.github.com, ponieważ ta subdomena wyświetla tylko źródło.

Więcej funkcji zostało dodanych do MarkView:

  1. Edytor wycen WYSIWYG
  2. Wybór motywów i stylów kodowania
  3. Przypisy pomocnicze 1
  4. Natychmiastowa prezentacja slajdów
  5. Styl niestandardowy dokumentu

    • Dodaj motyw CSS i wybierz
    • Dodaj styl kodu i wybierz
    • Napisz CSS, zapisz i uruchom
mariomaryczny
źródło
@swcool Jeśli uważasz, że masz lepszą odpowiedź, utwórz własną, a nie edytuj komuś innemu.
Jason
Uważam, że @swcool jest autorem wyżej wspomnianego rozszerzenia Chrome, tylko je aktualizuje?
mariomaric
Tak, jestem autorem tego rozszerzenia Chrome. Lubię aktualizować powyższy opis, ilekroć rozszerzenie zostało dodane więcej nowych funkcji. W ten sposób MarkView może znajdować się w jednym miejscu odpowiedzi w jednym pytaniu. Tak, tylko aktualizuj. Ale wydawało się, że system Stackoverflow nie zatwierdził mojej aktualizacji, więc muszę się zatrzymać. @Jason
swcool
13

Podoba mi się pionowy rozdzielacz w Downmarker , możesz zobaczyć zmiany podczas pisania!

Nathan Dunn
źródło
11

Możesz używać tekstów jako przeglądarki i edytora md, jest lekki i schludny. wprowadź opis zdjęcia tutaj

PHPst
źródło
1
To edytor jakości, dziękuję za zgłoszenie!
Lea Hayes
23
Nie za darmo: texts.io/purchase
TN.
4
Niedostępne również dla systemu Linux.
jameshfisher
4
Znalazłem to, aby renderować wiele plików md dość słabo.
Zv_oDD
2
W systemie Mac wymaga to wcześniejszego zainstalowania zewnętrznego narzędzia „fandoc”, którego nie znam ani nie ufam, zwłaszcza że leży gdzieś w moim systemie operacyjnym. Samo opakowanie (Teksty) waży około 4 MB, co jest zdecydowanie za duże dla renderera .md, nawet bez tego zewnętrznego narzędzia ... cóż, niezbyt imponująca aplikacja.
Motti Shneor
11

Geany ma wtyczkę do wyprzedaży Markdown, która wykonuje dobrą robotę, dając ci również podgląd Markdown na pasku bocznym. Działa również w systemach Linux, Mac OS X i Windows.

Aby go użyć, zainstaluj geany, a następnie zainstaluj pakiet geany-plugin-markdown i wybierz go z menedżera wtyczek.

Akronix
źródło
Używam geany dla wszystkich i to jest odpowiedź, której się spodziewałem :)
Rutrus
9

Właśnie kodowałem przeglądarkę znaczników offline przy użyciu obserwatora plików node.js i socket.io, więc wskazujesz swoją przeglądarkę na localhost i uruchamiasz ./markdownviewer /path/to/README.mdją, a ona przesyła ją strumieniowo do przeglądarki za pomocą websockets.

William Budington
źródło
Schludny. Do tej pory opierałem się node.js, ale chciałem to sprawdzić i to był dobry powód. Stylizacja nie jest idealna, może przeglądarka powinna wstawić brakujący plik github css?
pduey
8

Istnieje również StackEdit . Będzie działał zarówno online, jak i offline (wykorzystuje lokalną pamięć przeglądarki).

Możesz także połączyć go z Dropbox lub Dyskiem Google, aby zobaczyć pliki hostowane w chmurze.

N Alex
źródło
4
Pamięć przeglądarki jest bardzo ograniczona. Bardzo, bardzo ograniczony.
Pacerier
8

Jeśli jesteś vimem, możesz wypróbować wtyczkę vim-Preview . Po prostu zainstaluj go w swoim ~/.vimkatalogu z wybraną metodą. Następnie możesz otworzyć plik Markdown za pomocą vima i użyć polecenia, :Previewktóre otworzy nowe okno w przeglądarce i wyświetli wynik końcowy.

Peter Diakumis
źródło
Dzięki! Niestety wtyczka wymaga wbudowanego interpretera ruby ​​i niektórych klejnotów. Zbyt wiele zależności dla mnie ...
xverges
1
Tak, przepraszam za to - zainstalowałem go jakiś czas temu, więc zapomniałem wspomnieć o rubinowych klejnotach (dla przyszłych czytelników: link wtyczki, który zamieściłem powyżej, opisuje, jak sobie z tym poradzić, jeśli lubisz takie rubinowe rzeczy) .
Peter Diakumis,
1
Kolejna wtyczka vima, ta przy użyciu javascript: github.com/suan/vim-instant-markdown
matiasg
7

Rozważ podział .

Strapdown to rozwiązanie oparte na Javascripcie, które renderuje treści markdown w przeglądarce, co czyni go doskonałym do przeglądania w trybie offline. Z własnego opisu:

Strapdown.js sprawia, że ​​tworzenie eleganckich dokumentów Markdown jest krępująco proste. Kompilacja po stronie serwera nie jest wymagana.

Więc zmień nazwę .mdpliku Markdown na .htmli otaczaj go:

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

a otwarcie w dowolnej przeglądarce pokaże renderowany HTML. Dodano bonus: możesz łatwo zmienić motyw.

ckhan
źródło
5

Na MAC używam Marked , na Windows używam Muto-Mark . Oba obsługują arkusz stylów GH.

pseudomuto
źródło
+1: Używam MutoMark dla systemu Windows: 1. Jest bardzo lekki (395 KB) 2. Ładna przeglądarka 3. Możliwości wyszukiwania (Ctr + F) 4. Podkreśla wszystkie wyniki wyszukiwania
Iman Mahmoudinasab
1
niestety nie obsługuje skojarzenia plików
draeron
4

W przypadku OS X Mou jest bardzo fajny i zawiera dwa motywy GitHub CSS.

TachyonVortex
źródło
Ładne, ale pełne błędów. Np. Usuwasz znaki nagłówka ###, ale część WYSIWYG nadal pokazuje to jako nagłówek. I tak dalej i tak dalej, myślę, że znalazłem jakieś 3 lub 4 błędy w ciągu 2 minut używania.
mojuba
4

Sprawdź Haroopad . To naprawdę fajny edytor #markdown. Jest bezpłatny i dostępny na wiele platform. Próbowałem tego na Mac OSX.

qmmr
źródło
Przegląd wielu redaktorów WYSIWYG stwierdził, że Haroopad był najlepszy. Jest również dostępny dla systemów Windows i Mac. Właśnie pobrałem go do edycji wiki projektu GitHub i jak dotąd wygląda całkiem nieźle.
TonyG
4

Jednym z najprostszych zasobów, który działa dobrze w MacOSX, jest wtyczka Markdown Quick Look znajdująca się w InkMark . Po zainstalowaniu tego w systemie OS X 10.9+ wystarczy wybrać plik przeceny w Finderze i nacisnąć spację. Nie jestem pewien, czy wyniki są w 100% skorelowane z Githubem, ale są całkiem dobre i stanowią małe, dyskretne rozwiązanie tylko dla przeglądających offline. Mashable napisał również artykuł na temat 78 różnych narzędzi, jeśli chcesz inne opcje.

Makrdown-QuickLook-Preview

Tommie C.
źródło
1
NAJLEPSZY W HISTORII. Mogę policzyć, ile razy wybrałem plik .md i nacisnąłem spację, żeby rzucić małe przekleństwo - w setkach, może tysiącach. Chciałbym wtedy „i„ otworzyć za pomocą Mou ”, czekać, zamykać stronę edycji - ponieważ podgląd obok służy do edycji i jest po prostu uciążliwy podczas czytania pliku .md.
Motti Shneor
4

Proste rozwiązanie dla większości sytuacji: skopiuj / wklej znacznik do przeglądarki w „chmurze”. Oto dwie opcje:

  1. Dillinger.io
  2. Dingus

Nic do zainstalowania! Cross platform! Wiele przeglądarek! Zawsze dostępne!

Wady: mogą być kłopotliwe dla dużych plików, standardowe problemy z bezpieczeństwem aplikacji w chmurze.

aap
źródło
I, oczywiście, dzielisz się swoimi dokumentami przedpremierowymi z całym szerokim światem, zanim nawet
zdołasz
3

Możesz użyć rozszerzenia o nazwie Markdown Syntax Highlighting dla Notepad ++. Jest dostępny na Github

wprowadź opis zdjęcia tutaj

Po instalacji pojawi się nowa opcja w menu rozwijanym Język Po instalacji pojawi się nowa opcja w menu rozwijanym Język

Sarvar Nishonboev
źródło
1
Ekscytujący. Czy możesz dodać link do Github?
Smandoli
3
To nie odpowiada na pytanie. Celem jest pokazanie wyniku końcowego, a nie źródła.
Deryck,
2

RStudio może obsługiwać pliki przecen i konwertować je do html i pdf. Jeśli już go masz, możesz użyć RStudio (jest to IDE dla języka programowania R). Jest darmowy i open source i działa na systemach Windows, Mac i Linux.

Genom
źródło
1

Możesz użyć Scribefire Next.

To Mozilla Firefox wtyczka przeglądarki . Wystarczy zainstalować rozszerzenie i uruchomić Firefoksa. Dostosuj pasek narzędzi i umieść do niego skrót Scribefire. A ponieważ jest to wtyczka do przeglądarki, możesz jej używać w systemach Mac, Linux i Windows.

Jeśli chcesz pisać w trybie Markdown, po prostu kliknij Edit Codew oknie Scribefire.

Teraz, aby spełnić swój cel, przejdź do Edit Codetrybu i skopiuj wszystkie teksty, wklej je do .mdpliku i prześlij.

Nie ma do tego funkcji podglądu na żywo, musisz przełączać Edit Codei Edit Visuallywyświetlać podgląd tekstu.

Używam go w moim pudełku Linux Mint:

wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

Aktualizacja:

Jest rok 2014, trzeba dodać tutaj inne niesamowite narzędzie dla innych czytelników i badaczy. Ostatnio używane Wsporniki + Rozszerzenie podglądu Markdown .

GaryP
źródło
Kocham wsporniki !!! Bez spamu, naprawdę to robię
a7omiton