İşaretleme dosyalarını çevrimdışı görüntüleme [kapalı]


609

.mdDosyaları çevrimdışı görüntülemenin bir yolu var, bu yüzden Github'a yüklendikten sonra nasıl görüneceğini biliyoruz? README.mdDosyayı düzenleme amaçları için değil, Github'da olduğu gibi göstermeye atıfta bulunuyorum .

Her ikisini de kullandığım için Mac ve Windows üzerinde çalışmam gerekiyor.

Yanıtlar:


428

İyi çalışan birkaç Chrome eklentisi var. Markdown Preview Plus kullanıyorum .

Yüklemeden sonra Uzantılar'da "menü URL'lerine erişime izin ver" seçeneğini etkinleştirin (menü> Diğer araçlar> Uzantılar veya chrome://extensions/bunun yerine URL'yi girin ).

resim açıklamasını buraya girin

Ardından, bir Markdown dosyasını Chrome'a ​​sürükleyip bırakın ve düzenlemek için favori düzenleyicinizi kullanın.


3
teşekkürler, bir Chrome uzantısı her zaman yararlı olacaktır; ekstra yazılım kullanmaya gerek yok
Avi

37
Teşekkürler! Yüklendi ve md dosyalarının neden doğru bir şekilde oluşturulmadığını anlayamadı - 'Erişime izin ver ...' anahtardı.
mattezell

1
Markdown Preview kod bloklarını desteklemiyor
ACyclic

2
Daha açık olmak gerekirse, Markdown Preview `` `ile karşılaştığında, kod bloğundaki tüm satırları tek bir satıra koyar. Bu yüzden swcool tarafından bahsedilen Markview'i denedim. Stil github ile tamamen eşleşmez, ancak en azından kod satırındaki her satırı ayrı satırlara yerleştirir.
EL Rayle

2
Kod bloklarını ve çok daha fazlasını düzelttiği için Markdown Preview'dan Markdown Preview Plus'a geçildi. Yukarıdaki cevabımı bunu yansıtacak şekilde düzenledi.
Jim Bergman

256

Tam olarak bunu yapmak için bir süre önce Grip yazdım . Tam olarak GitHub'da olduğu gibi işler ve ayrıca birkaç ek seçenek sunar:

  • README'lere ek olarak, Grip GitHub yorumlarını ve sorunlarını görüntüleyebilir
  • Diğer .md dosyalarını oluşturmak için yerel bağlantıları tıklayın
  • Kendi projelerinizde kullanmak için bir API
  • HTML dosyasına aktarma

Pip ile yükleyin:

pip install grip

Ardından README dosyanızı içeren dizine gidin ve çalıştırın:

grip

Geçiş -hek yardım ve seçenekleri için.

Grip rendering Grip's README ekran görüntüsü:

Grip rendering Grip'in ekran görüntüsü

Bu yardımcı olur umarım. Buradan kontrol edin .


2
@luchosrock Doğru şekilde oluşturulmayan bir Markdown özeti gönderebilir misiniz? Herhangi bir uyumsuzluk varsa, bir hata bildirir ve düzeltirim.
Joe

2
@luchosrock Bence ikisini kafa karıştırıyor olabilirsiniz. Gfms'in kendi dokümanlarından, "GFMS'nin mevcut uygulaması kaynak kodu bloklarını renklendirmez", Grip ise. Grip, GitHub'ın kendi Markdown API'sını kullanır ve Grip'i bu kadar doğru yapan şey özel bir çözüm değil, kutudan çıkar çıkmaz stiller. Ayrıca, gfms düğüm tabanlı, Python değil.
Joe

2
Diğer çözümlerin aksine, Linux'ta bir cazibe gibi çalışır! Teşekkürler!
akhmed

5
Hafif ve sevimli. Teşekkürler!
Benjamin R

2
@Joe Bunu kendim keşfettim. Harika iş. Güzel çalışıyor.
idjaw

106

Atom tarafından Github. Size yan yana önizleme sağlar.

resim açıklamasını buraya girin

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


2
Çok sayıda .md dosyasını düzenliyorsanız bu çok hoştur. Ve anında önizleme, başka bir uygulamaya geçiş yapmak zorunda kalmadan her zaman bir artı.
dval

Otomatik kaydırma paketi bile var: github.com/mark-hahn/markdown-scroll-sync . Şu anda, github.com/mark-hahn/markdown-scroll-sync/pull/66/files uyarıları ile çalışabilmesi için yama yapmanız gerekir.
Dror

1
Bu da iyi bir öneri. Yan yana bölmesi ile anında önizleme bir bonus! Kaydetmeye ve sürekli sekmeye gerek yok.
AnimNations

Cevabınızın altındaki bağlantı mevcut değil
xxx ---

64

Visual Studio Code - Microsoft'un yeni editörü, markdown düzenleme için de çok iyi destek sağlar. Buradan
indirebilirsiniz . Editör, işaretleme kodu ve önizleme modu arasında geçiş yapmak için iyi bir destek sağlar . Ayrıca, tüm işaretleme sözdizimi için oldukça iyi bir akıllı destek sağlar. Editör kullanımı ücretsizdir ve aynı zamanda çapraz platformdur (Linux, Windows ve Mac üzerinde çalışır). Daha fazla bilgi için web sitelerini kontrol edebilirsiniz



resim açıklamasını buraya girin


2
Harika ve en kolay!
Mayur Patil

2
Mükemmel öneri. MS Visual Code, bir çok farklı şey için, birçok farklı bağlamda İNANILMAZ bir araçtır. Bedava; Windows, Linux ve MacOS üzerinde çalışır.
paulsm4

1
Harika, zaten kurduğum bir çözüm! Anlamak için iki küçük şeyim vardı: Önizleme bölmesini açmak için, üst kısımdaki dosyanın sekmesini sağ tıklayın ve "Önizlemeyi Aç (Ctrl? Shift + V)" yi seçin. @ Sundeep'in bahsettiği fikri çağırmak için düzenleyici penceresinde Ctrl + Boşluk tuşlarına basın.
arichards

3
Önizleme için ctrl + kv
aderchox

62

Partiye geç ama MarkdownPad'e bir göz atın .


21
Github aromalı markdown için destek almak istiyorsanız MarkdownPad Pro - ~ 15USD için almanız gerekir. Şahsen belki 5USD ama kesinlikle 15USD ödeyecekti. Birisi başka bir şey önerebilirse lütfen bunu yapın.
burzum

4
Sadece pro sürümü için 15 $ ödedi, imho buna değer, ama mono altında koştu eğer güzel olurdu, bu yüzden linux / osx, hangi daha fazla dev bugünlerde başlık olduğu.
Tracker1

MarkdownPad bir süre geri döndü gibi görünüyordu, bu yüzden 15 $ 'da çok düşkün olmayan MarkUpDown'ı yaptım (Açıklama uyarısı: Evet, bunu yaptım ve sattım ) . GitHub Markdown dostu olmalı ve eğer değilse, nasıl olmadığını bana bildirin ve düzelteceğim.
17'de

37

Bkz. Python-Markdown-Editor

Aşağıdakilere dayanmaktadır:

  • Python-Markdown
  • Pigmentler (kod bloğu sözdizimi vurgulama)
  • CodeMirror (javascript kod düzenleyicisi)
  • Şişe

Pip ile yükleyin:

$ pip install markdown-editor 

Yazarken önizleme, kod vurgulama, çitle çevrili kod blokları, github stili

komut satırı tarafından kullanılabilir:

$ markdown_edit 

$ markdown_edit README.md

$ markdown_edit -f readme.html README.md

resim açıklamasını buraya girin

Kod incelemeleri göndermek için bir araç oluşturmak için bunu yarattım, kolayca genişletilebilir, bir modül olarak içe aktararak özel eylemler ekleyebilirsiniz.


Merhaba, bu harika bir uygulama gibi görünüyor, ancak aynı anda iki .md dosyasını açamıyorum, çünkü çoğu zaman sadece editörden ziyade bir görüntüleyici olmasını istiyorum. Bunu birden çok .md dosyasını görüntüleyebilmesi için localhost: 8000 / <path / to / file.md > gibi bir sözdizimi ile genişletir misiniz ?
arcticfox

-p <port>Seçenek ile birden fazla dosyayı düzenleyebilirsiniz
Nicolas Cornette

benim için bir geri izleme hatası veriyor
aderchox

29

Https://github.com/ypocat/gfms dosyasını yeni yükledim . Github aromalı markdown oluşturma çok iyi bir iş yapar. İşaretlemenizdeki değişiklikleri algılar, böylece tarayıcınızı ve düzenleyicinizi yan yana koyabilirsiniz. Node.js'dir, bu nedenle herhangi bir platformda iyi çalışmalıdır.

Node.js yüklüyse, kurulum basittir:

  1. sudo npm install -g gfms
  2. gfms --port 9999 (proje dizininizde)
  3. http://localhost:9999/ (herhangi bir tarayıcıda aç)

Ne yazık ki, gfmssatır sonlarını GFM'nin yaptığı gibi oluşturmaz - GFM'nin yaptığı gibi bir paragrafın içinde tek satır sonu olduğunda <br> eklemez. Ancak "saf" Markdown oluşturma için sorun yok.
Ed Ruder

2
Daha iyi GFM Markdown arka ucu (İşaretli) kullanan ve satır sonlarını doğru şekilde ekleyen gfms'in ( github.com/pawel-wiejacha/gfms ) güncellenmiş bir sürümü var . Ayrıca geliştirilmiş dizin listeleri ve PDF dışa aktarma özelliği vardır.
Pawel Wiejacha

5
Bunu denedim çünkü umut vericiydi. Node.js (beklenen) değil, aynı zamanda python yüklemek zorunda kaldı. Tam bir C ++ geliştirici araç zinciri istediğinde vazgeçtim. Platformunuza bağlı olarak kolay olabilir, ancak Windows kullanıyorsanız bu öneriyi bile denemeyin.
Chase

NodeJS'de yazılmış hemen hemen hiçbir şey Windows'ta çalışmaz. Bir "bu yazılımı yükle" kılavuzu "npm install" ile başladığında, sadece uzaklaşmanın zor yolunu öğrendim. NodeJS, geliştiricilerin insanların inanmasını istediği kadar çapraz platform değildir. Golang ve Python benzer şekilde kötü fakat Düğüm kadar kötü değil. Bildiğim tek komut dosyası dili gerçekten çapraz platform ve her yerde minimum çaba ile çalışıyor ve yüzlerce MB gereksiz dosya yüklemeye gerek yok PHP. PHP CLI gizli bir mücevher - komut satırı komut dosyası dili olarak orada her şeyden daha iyidir.
CubicleSoft

27

PHP görüntülemek için bir yol buldum. Biraz daha gözetleme yaptıktan sonra .md dosyalarının çevrimdışı ve çevrimiçi görüntülenmesi için 2 çözüm buldum:

Çevrimdışı sürümünü öneriyorum, böylece tahtta işinizi yaparken bile düzenlemenizi yapabilirsiniz. :)


1
.mdDosyaları görüntülemek için de birçok masaüstü uygulaması vardır .
Matt Ball

Bunu bilmiyordum. Onlar neler?
enchance


@enchance, Neden PHP? Javascript sürümü daha iyi olurdu.
Pacerier

23

Google Chrome kullanmayan kişiler var. Markdown dosyalarını çevrimdışı okuyabilen Markdown Viewer adlı bir Firefox eklentisi var .


1
Güzel ve işte WebExtensions (ff 57+) için yeni bağlantı .
Sam

Bir şey mi kaçırıyorum? "Şu anda dosya: // URL'ler desteklenmiyor!" - bu tür bir çözüm olarak bunu diskalifiye etmiyor mu? Ayrıca, birçok yıldız yorumu Webext'in çalışmadığını söylüyor.
Mitch

19

Eğer denedi ReText ? Güzel bir masaüstü Markdown editörü


birçok bağımlılık. ama yeterince güzel görünüyor!
dmeu

Mac OS X'te reText'in nasıl kurulacağı hakkında bazı bilgileri burada bulabilirsiniz
lauhub

1
Bunun için bazı bağımlılıkları manuel olarak yüklemeniz gerekebilir: sudo apt-get install python3-docutils python3-markdown
Konstantin Smolyanin

Ubuntu 15.04'te her şey hem bağımlılıklar hem de mime türü ilişkilendirmesi ile otomatik olarak kurulur.
colan

1
@Moytaba Github'a taşınmış gibi görünüyor: github.com/retext-project/retext
NuclearPeon

17

pandoc , Markdown'unuzun çevrimdışı görselleştirilmesi sorununu çözen güzel bir Metin-Metin dönüştürme aracıdır. Sadece sorun:

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

Sadece bunu yükledim ve birkaç dosyada kullandım. Harika çalışıyor!
Edward

14

MarkView Google Chrome uzantısını oldukça kullanışlı buldum , aslında bir cazibe gibi çalışıyor:

MarkView, anahat görünümü ile işaretleme dosyasını düzenlemek ve görüntülemek, birden çok tablo biçimi stilini, kod bloğu sözdizimi vurgulamasını ve Github Aromalı İşaretlemeyi desteklemek için bir Chrome uzantısıdır.

Özellikleri:

  1. Markdown dosyasını web sayfası stilinde düzenleme ve görüntüleme.
  2. Dosya değiştirildiğinde yerel dosyayı otomatik olarak yeniden yükle ( Yükleme sonrası: chrome: // extensions / dizininde "Dosya URL'lerine erişime izin ver" seçeneğini belirtin )
  3. İçeriğin yanındaki anahattı kaydırılabilir bir şekilde göster
  4. GoTop, ViewSource ve GoBottom düğmeleri var
  5. Destek Github Aromalı Markdown tablo stilleri ve kod vurgulama.
  6. Programlama dilleri için kod alanını vurgulayın (örn. `` Ruby)
  7. Web sayfalarının iyi görünümle yazdırılmasını destekleyin (Chrome-> Dosya-> Yazdır ...)
  8. Duyarlı: 940 pikselden küçük pencere boyutu olduğunda, anahat bölümü otomatik olarak gizlenir; 940 pikselden daha büyük yeniden boyutlandır, anahat bölümü görüntülenir.
  9. MarkView, raw.github.com altındakilar dışındaki tüm markdown dosyalarını görüntüler çünkü bu alt alan sadece kaynağı gösterir.

MarkView'a daha fazla özellik eklendi:

  1. WYSIWYG etiketleme editörü
  2. Temalar ve Kod Stil Seçimi
  3. Destek Dipnotları 1
  4. Anında Slaytlar Sunumu
  5. Belge Özel Şekillendirme

    • Tema CSS'si Ekleme ve Seçme
    • Kod Stili Ekleme ve Seçme
    • CSS Yaz, Kaydet ve Çalıştır

@swcool Daha iyi bir cevabınız olduğuna inanıyorsanız, lütfen başkalarını düzenlemek yerine kendi yanıtınızı oluşturun.
Jason

@Swcool'un yukarıda belirtilen Chrome uzantısının yazarı olduğuna inanıyorum, sadece güncelliyor mu?
mariomaric

Evet, bu Chrome uzantısının yazarıyım. Uzantı daha fazla yeni özellik eklendiğinde yukarıdaki açıklamayı güncellemeyi seviyorum. Bu şekilde MarkView bir soruda tek bir cevap yerinde tutulabilir. Evet, sadece güncelleme. Ancak Stackoverflow sistemi güncellememi onaylamamıştı, bu yüzden durmam gerekiyor. @Jason
swcool


11

Sen kullanabilirsiniz metinleri bir md görüntüleyici ve md editör, onun önemsiz ve düzgün olarak. resim açıklamasını buraya girin


1
Bu kaliteli bir editör, headsup için teşekkürler!
Lea Hayes

23
Ücretsiz değil: texts.io/purchase
TN.

4
Linux için de mevcut değildir.
jameshfisher

4
Bunu birçok md dosyasını oldukça kötü hale getirmek için buldum.
Zv_oDD

2
Mac'te, bilmediğim veya güvenmediğim bazı harici araç "fandoc" 'un önceden yüklenmesini gerektirir, özellikle de işletim sistemimin bir yerinde yatıyor. Paketleyicinin kendisi (Metinler), 4MB ağırlığındadır. Bu, bir harici araç olmasa bile, bir .md oluşturucu için çok büyüktür ... çok etkileyici bir uygulama değil.
Motti Shneor

11

Geany , kenar çubuğunda da bir Markdown önizlemesi sağlayan adil bir iş yapan bir markdown eklentisine sahiptir . Ayrıca Linux, Mac OS X ve Windows üzerinde de çalışır.

Kullanmak için geany'yi yükleyin, ardından geany-plugin-markdown paketini kurun ve eklenti yöneticisinden seçin.


Herkes için geany kullanıyorum ve bu beklediğim cevap :)
Rutrus

9

Ben sadece node.js dosya izleyicisi ve socket.io kullanarak çevrimdışı bir markdown görüntüleyici kodladı, bu yüzden tarayıcınızı localhost üzerinde işaret ve çalıştırın ./markdownviewer /path/to/README.mdve websockets kullanarak tarayıcıya akar.


Temiz. Şimdiye kadar node.js'ye karşı koydum, ancak kontrol etmek istedim ve bu iyi bir nedendi. Stil mükemmel değil, belki de eksik bir github css dosyası görüntüleyici tarafından eklenmelidir?
pduey

8

Ayrıca StackEdit var . Hem çevrimiçi hem de çevrimdışı çalışır (tarayıcınızın yerel depolamasını kullanır).

Bulutta barındırılan dosyaları görmek için Dropbox veya Google Drive ile de bağlayabilirsiniz.


4
Tarayıcı depolaması çok sınırlıdır. Çok sınırlı.
Pacerier

8

Bir vim kişisiyseniz, vim-önizleme eklentisini deneyebilirsiniz . ~/.vimSeçim yönteminizle dizininize kurmanız yeterli . Daha sonra vim ile bir Markdown dosyası :Previewaçabilir ve tarayıcınızda yeni bir pencere açacak ve sonucu gösterecek komutu kullanabilirsiniz .


Teşekkürler! Ne yazık ki, eklenti yerleşik bir yakut yorumlayıcı ve bazı taşlar gerektirir. Benim için çok fazla bağımlılık ...
xverges

1
Evet, bunun için üzgünüm - Bir süre önce kurmuştum, bu yüzden yakut taşlarından bahsetmeyi unuttum (gelecekteki okuyucular için: eklediğim eklentinin bağlantısı, bu tür yakut şeylere girerseniz bunun nasıl ele alınacağını açıklar) .
Peter Diakumis

1
Başka bir vim eklentisi, bu javascript kullanıyor: github.com/suan/vim-instant-markdown
matiasg

7

Strapdown'u düşünün .

Strapdown tarayıcıda markdown içeriğini oluşturan Javascript tabanlı bir çözüm olup çevrimdışı görüntüleme için mükemmeldir. Kendi açıklamalarından:

Strapdown.js zarif Markdown belgeleri oluşturmayı utanç verici bir şekilde kolaylaştırıyor. Sunucu tarafı derlemesi gerekmez.

Bu nedenle, .mdmarkdown dosyanızı şu şekilde yeniden adlandırın .htmlve çevreleyin:

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

ve herhangi bir tarayıcıda açıldığında oluşturulan HTML gösterilir. Ek bonus: temayı kolayca değiştirebilirsiniz.


5

MAC için Marked , Windows için Muto-Mark kullanıyorum . Her ikisi de GH stil sayfasını destekler.


+1: MutoMark'ı Windows için kullanıyorum: 1. Çok hafif (395KB) 2. Güzel görüntüleyici 3. Arama yeteneği (Ctr + F) 4. Tüm arama sonuçlarını vurgular
Iman Mahmoudinasab

1
ne yazık ki dosya ilişkilendirmesini desteklemiyor gibi görünüyor
draeron

4

OS X için Mou çok hoş ve iki GitHub CSS temasıyla geliyor.


Güzel ama adamcağız. Örneğin, ### başlık işaretlerini kaldırırsınız, ancak WYSIWYG kısmı bunu başlık olarak gösterir. Ve böylece, 2 dakika içinde bazı 3 veya 4 hata buldum düşünüyorum.
mojuba

4

Haroopad'a göz atın . Bu gerçekten güzel bir #markdown editörü. Ücretsizdir ve birden fazla platform için kullanılabilir. Mac OSX'te denedim.


Bu yorum , birçok WYSIWYG editörlerinden Haroopad iyi olduğu sonucuna vardılar. Windows ve Mac için de kullanılabilir. Bir GitHub proje wiki'sini düzenlemek için indirdim ve şimdiye kadar oldukça iyi görünüyor.
TonyG

4

MacOSX'te iyi çalışan en basit kaynaklardan biri InkMark'ta bulunan Markdown Hızlı Bakış eklentisidir . Bunu OS X 10.9+ üzerine yükledikten sonra, Finder'da bir işaretleme dosyası seçip boşluk çubuğuna dokunmanız yeterlidir. Sonuçlar% 100 Github ile ilişkili olup olmadığından emin değilim ama oldukça iyi ve küçük bir mütevazi çevrimdışı görüntüleyici sadece çözüm yapmak. Mashable ayrıca başka seçenekler istiyorsanız 78 farklı araç hakkında bir makale yazdı.

Makrdown-QuickLook'u-Önizleme


1
EN İYİ. Bir .md dosyası seçme ve alanı vurma sayımı sayabilirim, sadece biraz lanet vermek için - yüzlerce, belki binlerce. Sonra "ve" Mou ile aç ", bekle, düzenleme tarafını
kapatırdım

4

Çoğu durum için kolay bir çözüm: İşaretlemeyi "buluttaki" bir görüntüleyiciye kopyalayın / yapıştırın. İşte iki seçenek:

  1. Dillinger.io
  2. dingus

Yüklenecek bir şey yok! Çapraz platform! Çapraz tarayıcı! Her zaman müsait!

Dezavantajları: büyük dosyalar, standart bulut uygulaması güvenlik sorunları için güçlük olabilir.


Ve elbette, onları kanıtlamadan önce yayın öncesi dokümanlarınızı tüm dünyayla
paylaşıyorsunuz

3

Notepad ++ için Markdown Sözdizimi Vurgulama adlı uzantıyı kullanabilirsiniz . Github'da mevcuttur

resim açıklamasını buraya girin

Kurulumdan sonra, Dil açılır menüsünde yeni bir seçenek görünecektir Kurulumdan sonra, Dil açılır menüsünde yeni bir seçenek görünecektir


1
Heyecan verici. Github'a bir bağlantı ekleyebilir misiniz?
Smandoli

3
Bu soruya cevap vermiyor. Amaç, sonucun kaynağı göstermektir, kaynak değil.
Deryck


2

RStudio , işaretleme dosyalarını işleyebilir ve bunları html ve pdf'ye dönüştürebilir. Zaten sahipseniz, RStudio'yu kullanabilirsiniz (R programlama dili için bir IDE'dir). Ücretsiz ve açık kaynaklıdır ve Windows, Mac ve Linux üzerinde çalışır.


1

Sonraki Scribefire'ı kullanabilirsiniz .

Bu bir Mozilla Firefox tarayıcı eklentisidir. Sadece uzantıyı yükleyin ve Firefox'u çalıştırın. Araç çubuğunuzu özelleştirin ve Scribefire kısayolunu buna yerleştirin. Ve bir tarayıcı eklentisi olduğu için Mac, Linux ve Windows'da kullanabilirsiniz.

Markdown modunda yazmak istediğinizde Edit CodeScribefire penceresinden tıklayın .

Şimdi amacınıza ulaşmak için, Edit Codemoda gidin ve tüm metinleri kopyalayın ve .mddosyanıza yapıştırın ve yükleyin.

Bunun için canlı önizleme özelliği yoktur , metninizi açmanız Edit Codeve Edit Visuallyönizlemeniz gerekir.

Linux Mint kutumda kullanıyorum:

resim açıklamasını buraya girin

resim açıklamasını buraya girin

Güncelleme:

2014 yılı, diğer okuyucular ve araştırmacılar için buraya başka harika araçlar eklemeniz gerekiyor. Yakın zamanda kullanılan Parantezler + İşaretleme Önizleme Uzantısı .


Parantez seviyorum !!! Spam yok, gerçekten yapıyorum
a7omiton


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.