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.