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.

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.


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 .


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


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


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 .


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.


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)

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. :)


1
Istnieje również wiele aplikacji komputerowych do przeglądania .mdplików.
— Matt Ball

Nie wiedziałem tego Czym oni są?
— zaklęcie


@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.


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


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

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

@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


11

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


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.


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.


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.


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.


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.


5

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


+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.


Ł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.


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


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.


I, oczywiście, dzielisz się swoimi dokumentami przedpremierowymi z całym szerokim światem, zanim nawet
— zdołasz



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.


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 .


Kocham wsporniki !!! Bez spamu, naprawdę to robię
— a7omiton


Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.