Lihat file penurunan harga offline [ditutup]


609

Apakah ada cara untuk menampilkan .mdfile offline sehingga kami tahu seperti apa tampilannya setelah diunggah di Github? Saya merujuk untuk menunjukkan README.mdfile seperti yang akan keluar di Github, dan bukan untuk keperluan pengeditan.

Perlu bekerja di Mac dan Windows karena saya menggunakan keduanya.

Jawaban:


428

Ada beberapa plug-in Chrome yang berfungsi dengan baik. Saya telah menggunakan Markdown Preview Plus .

Setelah menginstal, aktifkan "Izinkan akses ke file URL" di Ekstensi (menu> Alat lainnya> Ekstensi atau masukkan URL chrome://extensions/sebagai gantinya).

masukkan deskripsi gambar di sini

Lalu tarik-n-jatuhkan file Penurunan harga ke Chrome dan gunakan editor favorit Anda untuk mengedit.


3
terima kasih, ekstensi Chrome akan selalu bermanfaat; tidak perlu menggunakan perangkat lunak tambahan
Avi

37
Terima kasih! Diinstal dan tidak dapat mengetahui mengapa file md tidak dirender dengan benar - kunci 'Izinkan akses ...' adalah kunci.
mattezell

1
Pratinjau Penurunan harga tidak mendukung blok kode
ACyclic

2
Untuk lebih spesifik, ketika Pratinjau Penurunan Harga bertemu `` `, itu menempatkan semua baris dalam blok kode pada satu baris. Jadi saya mencoba Markview yang disebutkan oleh swcool. Gaya tidak sepenuhnya cocok dengan github, tetapi setidaknya menempatkan setiap baris dalam blok kode pada baris yang terpisah.
EL Rayle

2
Beralih dari Pratinjau Penurunan Harga ke Pratinjau Penurunan Harga karena memperbaiki blok kode dan banyak lagi. Sunting Jawaban saya di atas untuk mencerminkan ini.
Jim Bergman

256

Saya menulis Grip beberapa waktu lalu untuk melakukan hal ini. Itu membuat persis seperti di GitHub dan menyediakan beberapa opsi tambahan juga:

  • Selain READMEs, Grip dapat membuat komentar dan masalah GitHub
  • Klik tautan lokal untuk merender file .md lainnya
  • API untuk digunakan dalam proyek Anda sendiri
  • Ekspor ke file HTML

Instal dengan pip:

pip install grip

Lalu pergi ke direktori yang berisi file README Anda dan jalankan:

grip

Terima -hbantuan dan opsi tambahan.

Berikut adalah screenshot README dari Grip rendering Grip:

Cuplikan layar Grip rendering Grip

Semoga ini membantu. Lihat di sini .


2
@luchosrock Bisakah Anda memposting inti penurunan harga yang tidak dirender dengan benar? Jika ada ketidaksesuaian, maka saya akan mengajukan bug dan memperbaikinya.
Joe

2
@luchosrock Saya pikir Anda mungkin membingungkan keduanya. Dari dokumen gfms sendiri, "implementasi GFMS saat ini tidak mewarnai blok kode sumber", sedangkan Grip tidak. Grip menggunakan Markit API milik GitHub sendiri dan gaya out-of-the-box, bukan solusi khusus, yang membuat Grip begitu akurat. Juga, gfms berbasis simpul , bukan Python.
Joe

2
Tidak seperti solusi lain, bekerja seperti pesona di Linux! Terima kasih!
akhmed

5
Ringan dan cantik. Terima kasih!
Benjamin R

2
@ Jo Baru saja menemukan ini untuk diri saya sendiri. Kerja bagus. Bekerja dengan indah.
idjaw

106

Atom oleh Github. Memberi Anda pratinjau berdampingan.

masukkan deskripsi gambar di sini

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


2
Ini bagus jika Anda mengedit banyak file .md. Dan pratinjau instan, tanpa harus beralih ke aplikasi lain selalu merupakan nilai tambah.
dval

Bahkan ada paket gulir otomatis: github.com/mark-hahn/markdown-scroll-sync . Saat ini, Anda harus menambal github.com/mark-hahn/markdown-scroll-sync/pull/66/files agar bisa bekerja tanpa peringatan.
Dror

1
Ini juga merupakan saran yang bagus. Pratinjau instan dengan panel berdampingan adalah bonus! Tidak perlu menyimpan dan keluar terus-menerus.
AnimNations

Tautan di bagian bawah jawaban Anda tidak ada
xxx ---

64

Visual Studio Code - editor baru oleh Microsoft juga menyediakan dukungan yang sangat baik untuk mengedit markdown.
Anda dapat mengunduhnya dari sini .
Editor memberikan dukungan yang baik untuk beralih antara kode penurunan harga dan mode pratinjau .
Ini juga menyediakan dukungan intellisense yang cukup baik untuk semua sintaks markdown.
Editor gratis untuk digunakan dan juga lintas platform (berfungsi di Linux, Windows dan Mac).
Untuk detail lebih lanjut Anda dapat memeriksa di situs web mereka

masukkan deskripsi gambar di sini


2
Luar biasa dan termudah!
Mayur Patil

2
Saran yang sangat baik. MS Visual Code adalah alat yang luar biasa , untuk banyak hal yang berbeda, dalam banyak konteks yang berbeda. Gratis; ini berjalan pada Windows, Linux dan MacOS.
paulsm4

1
Keren, solusi yang sudah saya instal! Saya memiliki dua hal kecil yang harus dipecahkan: Untuk membuka panel pratinjau, klik kanan tab file di bagian atas dan pilih "Buka Pratinjau (Ctrl? Shift + V)". Untuk memunculkan intellisense yang @sundeep sebutkan, tekan Ctrl + Space di jendela editor.
arichards

3
ctrl + kv untuk melihat dulu
aderchox

62

Terlambat ke pesta, tetapi lihat di MarkdownPad .


21
Jika Anda ingin mendapatkan dukungan untuk penurunan rasa github, Anda harus mendapatkan MarkdownPad Pro - seharga ~ 15USD. Saya pribadi akan membayar mungkin 5USD untuk itu tetapi pasti tidak 15USD. Jadi, jika seseorang dapat merekomendasikan hal lain, silakan lakukan.
burzum

4
Hanya membayar $ 15 untuk versi pro, imho sepadan, tetapi akan lebih baik jika dijalankan di bawah Mono sehingga saya bisa menggunakannya di linux / osx, yang mana lebih banyak dev saya menuju hari ini.
Tracker1

MarkdownPad tampaknya masuk ke kapur barus beberapa waktu lalu, jadi saya (peringatan Pengungkapan: Ya, saya membuat & menjual ini) membuat MarkUpDown , yang tidak terlalu buruk pada $ 15. Seharusnya ramah dengan GitHub Markdown, dan jika tidak, beri tahu saya caranya & saya akan memperbaikinya.
ruffin

37

Lihat Python-Markdown-Editor

Ini didasarkan pada:

  • Python-Markdown
  • Pygments (penyorotan blok kode)
  • CodeMirror (editor kode javascript)
  • Botol

Instal dengan pip:

$ pip install markdown-editor 

Ini fitur saat Anda mengetik pratinjau, sorot kode, blok kode berpagar, gaya github

itu dapat digunakan oleh commandline:

$ markdown_edit 

$ markdown_edit README.md

$ markdown_edit -f readme.html README.md

masukkan deskripsi gambar di sini

Saya membuat ini untuk membangun alat untuk mengirim ulasan kode, mudah diperluas, dengan mengimpornya sebagai modul Anda dapat menambahkan tindakan kustom.


Halo, ini tampaknya menjadi aplikasi yang hebat, namun saya tidak dapat membuka dua file .md pada saat yang sama, karena sebagian besar waktu saya hanya ingin menjadi penampil daripada editor. Apakah Anda akan memperluas ini dengan sintaks seperti localhost: 8000 / <path / to / file.md > untuk membuatnya dapat melihat beberapa file .md?
arcticfox

Anda dapat mengedit banyak file dengan -p <port>opsi
Nicolas Cornette

memberikan kesalahan Traceback untuk saya
aderchox

29

Saya baru saja menginstal https://github.com/ypocat/gfms . Itu pekerjaan yang sangat baik rendering markdown rasa github. Ini mendeteksi perubahan dalam penurunan harga Anda, jadi Anda cukup menempatkan browser dan editor Anda secara berdampingan. Itu adalah Node.js, jadi itu seharusnya berfungsi dengan baik pada platform apa pun.

Jika Node.js telah diinstal, instalasinya sederhana:

  1. sudo npm install -g gfms
  2. gfms --port 9999 (dalam direktori proyek Anda)
  3. http://localhost:9999/ (buka dengan browser apa saja)

Sayangnya, gfmstidak membuat baris merusak seperti yang dilakukan GFM - itu tidak memasukkan <br> ketika ada satu baris terputus di dalam paragraf, seperti yang dilakukan GFM. Tapi untuk rendering Markdown "murni", tidak apa-apa.
Ed Ruder

2
Ada versi terbaru dari gfms ( github.com/pawel-wiejacha/gfms ) yang menggunakan backend GFM Markdown backend (Marked) yang lebih baik dan sisipan line break dengan benar. Ini juga telah meningkatkan daftar direktori dan fitur ekspor PDF.
Pawel Wiejacha

5
Saya mencoba ini karena kedengarannya menjanjikan. Harus menginstal node.js (diharapkan) tetapi juga python. Saya menyerah ketika menginginkan toolchain C ++ developer yang lengkap. Jadi tergantung pada platform Anda, itu mungkin mudah tetapi jika Anda menggunakan Windows, jangan coba saran ini.
Mengejar

Cukup banyak yang ditulis dalam NodeJS bekerja di Windows. Ketika panduan "instal perangkat lunak ini" dimulai dengan "install npm", saya telah belajar cara yang sulit untuk pergi begitu saja. NodeJS tidak lintas-platform seperti pengembang ingin orang percaya. Golang dan Python juga buruk tapi tidak seburuk Node. Satu-satunya bahasa scripting yang saya tahu benar-benar lintas platform dan bekerja di mana-mana dengan upaya minimal dan tidak memerlukan ratusan MB sampah untuk diinstal adalah PHP. PHP CLI adalah permata tersembunyi - lebih baik sebagai bahasa scripting command-line dari pada yang lainnya.
CubicleSoft

27

Saya menemukan cara untuk melihatnya di PHP. Setelah melakukan beberapa pengintaian, saya menemukan 2 solusi untuk melihat file .md secara offline dan online:

Saya merekomendasikan versi offline sehingga Anda dapat melakukan pengeditan bahkan saat Anda melakukan bisnis di atas takhta. :)


1
Ada banyak aplikasi desktop untuk melihat .mdfile juga.
Matt Ball

Saya tidak tahu itu. Apakah mereka?
enchance


@ uang, Kenapa PHP? Versi javascript akan lebih baik.
Pacerier

23

Ada orang yang tidak menggunakan Google Chrome. Ada add-on Firefox yang disebut Markdown Viewer yang dapat membaca file Markdown offline.


1
Bagus, dan di sini ada tautan baru untuk WebExtensions (ff 57+).
Sam

Apakah saya melewatkan sesuatu? Itu mengatakan "Saat ini file: // URL tidak didukung!" - bukankah itu semacam mendiskualifikasi ini sebagai solusi? Juga, banyak ulasan satu bintang mengatakan yang Webext tidak bekerja.
Mitch

19

Sudahkah Anda mencoba ReText ? Ini adalah editor Markdown desktop yang bagus


begitu banyak ketergantungan. tapi sepertinya cukup bagus!
dmeu

Beberapa informasi tentang cara menginstal reText pada Mac OS X dapat ditemukan sini
lauhub

1
Anda mungkin perlu menginstal beberapa dependensi secara manual untuk itu: sudo apt-get install python3-docutils python3-markdown
Konstantin Smolyanin

Semuanya diatur secara otomatis di Ubuntu 15.04, baik dependensi maupun asosiasi tipe mime.
colan

1
@Moytaba Sepertinya dipindahkan ke github: github.com/retext-project/retext
NuclearPeon

17

pandoc adalah alat konversi Text-To-Text yang bagus yang memecahkan masalah visualisasi offline Markdown Anda. Hanya masalah:

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

Baru saja menginstal ini dan menggunakannya pada beberapa file. Bagus sekali!
Edward

14

Saya menemukan ekstensi MarkView Google Chrome cukup berguna, sebenarnya itu berfungsi seperti pesona:

MarkView adalah ekstensi Chrome untuk mengedit dan melihat file penurunan harga dengan tampilan outline, mendukung berbagai gaya format tabel, sorotan sintaks blok kode dan Github Flavoured Markdown.

Fitur:

  1. Mengedit dan Melihat file penurunan harga dengan gaya halaman web.
  2. Muat ulang file lokal saat file diubah ( Pasca instalasi: pilih opsi "Izinkan akses ke URL file" di chrome: // extensions / )
  3. Perlihatkan garis besar di sebelah konten dengan cara yang dapat digulir
  4. Memiliki tombol untuk GoTop, ViewSource, dan GoBottom
  5. Mendukung Github Flavoured Markdown style tables dan highlight kode.
  6. Sorot area kode untuk bahasa pemrograman (mis. Ruby ``)
  7. Mendukung pencetakan halaman web dengan prospek yang layak (Chrome-> File-> Print ...)
  8. Responsif: ketika ukuran jendela kecil dari 940px, bagian garis besar akan secara otomatis disembunyikan; mengubah ukuran lebih besar dari 940px, bagian garis besar akan ditampilkan.
  9. MarkView akan melihat semua file penurunan harga kecuali yang di bawah raw.github.com karena subdomain itu hanya menampilkan sumber.

Lebih banyak fitur telah ditambahkan ke MarkView:

  1. Editor penurunan harga WYSIWYG
  2. Pilihan Tema dan Styling Kode
  3. Catatan Kaki Dukungan 1
  4. Presentasi Slide Instan
  5. Dokumen Styling Kustom

    • Tambahkan Tema CSS dan Pilih
    • Tambahkan Gaya Kode dan Pilih
    • Tulis CSS, Simpan dan Jalankan

@swcool Jika Anda yakin memiliki jawaban yang lebih baik, harap buat jawaban Anda sendiri, daripada mengedit orang lain.
Jason

Saya yakin @swcool adalah penulis ekstensi Chrome yang disebutkan di atas, ia hanya memperbaruinya?
mariomaric

Ya, saya adalah penulis ekstensi Chrome ini. Saya ingin memperbarui deskripsi di atas setiap kali ekstensi telah ditambahkan lebih banyak fitur baru. Cara ini dapat menjaga MarkView di satu tempat jawaban dalam satu pertanyaan. Ya, perbarui saja. Tapi sepertinya sistem Stackoverflow tidak menyetujui pembaruan saya, jadi saya harus berhenti. @ Jason
swcool


11

Anda dapat menggunakan teks sebagai penampil md dan editor md, ringan dan rapi. masukkan deskripsi gambar di sini


1
Ini adalah editor yang berkualitas, terima kasih atas bantuannya!
Lea Hayes

23
Tidak gratis: texts.io/purchase
TN.

4
Juga tidak tersedia untuk Linux.
jameshfisher

4
Saya menemukan ini untuk membuat banyak file md cukup buruk.
Zv_oDD

2
Pada mac, diperlukan pra-instal beberapa alat eksternal "fandoc", yang saya tidak tahu atau percayai, terutama yang terletak di suatu tempat di OS saya. Wrapper itu sendiri (Teks) memiliki berat sekitar 4MB yang terlalu besar untuk penyaji .md, bahkan tanpa alat eksternal itu ... yah, aplikasi tidak begitu mengesankan.
Motti Shneor

11

Geany memiliki plugin untuk penurunan harga yang melakukan pekerjaan yang adil, memberi Anda juga preview penurunan harga di bilah sisi. Ini juga berjalan di Linux, Mac OS X dan Windows.

Untuk menggunakannya, instal geany, lalu instal paket geany-plugin-markdown dan pilih dari manajer plugin.


Saya menggunakan geany untuk semua dan ini adalah jawaban yang saya harapkan :)
Rutrus

9

Saya baru saja mengkodekan penampil penurunan harga luring menggunakan pengamat file node.js dan socket.io, jadi Anda arahkan browser Anda ke localhost dan jalankan ./markdownviewer /path/to/README.mddan streaming ke browser menggunakan soket web.


Rapi. Saya telah menolak node.js sejauh ini, tetapi ingin memeriksanya dan ini adalah alasan yang bagus. Penataannya tidak sempurna, mungkin file github css yang hilang harus dimasukkan oleh pemirsa?
pduey

8

Ada juga StackEdit . Ini akan bekerja baik online maupun offline (menggunakan penyimpanan lokal browser Anda).

Anda juga dapat menghubungkannya dengan Dropbox atau Google Drive untuk melihat file yang dihosting di cloud.


4
Penyimpanan browser sangat terbatas. Sangat sangat terbatas.
Pacerier

8

Jika Anda orang vim, Anda dapat mencoba plugin vim-preview . Cukup instal ke ~/.vimdirektori Anda dengan metode pilihan Anda. Kemudian Anda dapat membuka file Penurunan harga dengan vim dan menggunakan perintah :Previewyang akan membuka jendela baru di browser Anda dan menampilkan hasil akhirnya.


Terima kasih! Sayangnya, plugin ini membutuhkan interpreter ruby ​​bawaan dan beberapa permata. Terlalu banyak dependensi untukku ...
xverges

1
Ya, maaf soal itu - saya telah menginstalnya beberapa waktu yang lalu jadi lupa untuk menyebutkan tentang permata ruby ​​(untuk pembaca di masa depan: tautan plugin yang saya sertakan di atas menjelaskan cara mengatasi hal ini jika Anda menyukai barang ruby ​​semacam itu) .
Peter Diakumis

1
Plugin vim lain, yang ini menggunakan javascript: github.com/suan/vim-instant-markdown
matiasg

7

Pertimbangkan Strapdown .

Strapdown adalah solusi berbasis Javascript yang membuat konten penurunan harga di browser, yang membuatnya bagus untuk dilihat secara offline. Dari uraian mereka sendiri:

Strapdown.js membuatnya sangat mudah untuk membuat dokumen Markdown yang elegan. Tidak diperlukan kompilasi sisi server.

Jadi ganti nama .mdfile markdown Anda menjadi .html, dan mengelilinginya dengan:

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

dan pembukaan di browser apa pun akan menampilkan HTML yang dirender. Bonus tambahan: Anda dapat dengan mudah mengubah tema.


5

Untuk MAC saya menggunakan Marked , untuk Windows saya menggunakan Muto-Mark . Keduanya mendukung stylesheet GH.


+1: Saya menggunakan MutoMark untuk windows: 1. Sangat ringan (395KB) 2. Penampil yang bagus 3. Kemampuan pencarian (Ctr + F) 4. Sorot semua hasil pencarian
Iman Mahmoudinasab

1
sayangnya tampaknya tidak mendukung file asosiasi
draeron

4

Untuk OS X, Mou sangat bagus, dan ia datang dengan dua tema GitHub CSS.


Bagus tapi buggy. Misalnya Anda menghapus tanda header ###, tetapi bagian WYSIWYG masih menunjukkannya sebagai header. Dan seterusnya, saya pikir saya menemukan 3 atau 4 bug dalam 2 menit menggunakannya.
mojuba

4

Lihat Haroopad . Ini adalah editor #markdown yang sangat bagus. Ini gratis dan tersedia untuk berbagai platform. Saya sudah mencobanya di Mac OSX.


Ulasan banyak editor WYSIWYG ini menyimpulkan bahwa Haroopad adalah yang terbaik. Ini juga tersedia untuk Windows dan Mac. Saya baru saja mengunduhnya untuk mengedit wiki proyek GitHub dan sejauh ini terlihat cukup bagus.
TonyG

4

Salah satu sumber daya paling sederhana yang bekerja dengan baik di MacOSX adalah plugin Markdown Quick Look yang ditemukan di InkMark . Setelah menginstal ini pada OS X 10.9+, Anda cukup memilih file penurunan harga di Finder dan ketuk spasi. Saya tidak yakin apakah hasilnya berkorelasi 100% dengan Github tetapi hasilnya cukup bagus dan menjadikannya sebagai solusi penampil offline kecil yang tidak mencolok. Mashable juga menulis artikel di 78 alat berbeda jika Anda menginginkan opsi lain.

Makrdown-QuickLook-Preview


1
YANG TERBAIK. Saya dapat menghitung berapa kali saya memilih file .md dan menekan spasi, hanya untuk memberikan kutukan kecil - dalam ratusan, mungkin ribuan. Saya kemudian akan "dan" membuka dengan Mou ", tunggu, tutup sisi pengeditan - karena pratinjau berdampingan dibuat untuk pengeditan dan hanya gangguan ketika hanya membaca file .md.
Motti Shneor

4

Solusi mudah untuk sebagian besar situasi: salin / tempel markdown ke penampil di "cloud". Berikut ini dua pilihan:

  1. Dillinger.io
  2. Dingus

Tidak ada yang dipasang! Lintas platform! Lintas browser! Selalu tersedia!

Kekurangan: bisa merepotkan file besar, masalah keamanan aplikasi cloud standar.


Dan, tentu saja, Anda membagikan dokumen pra-rilis Anda dengan seluruh dunia, bahkan sebelum dapat membuktikannya ...
Motti Shneor

3

Anda dapat menggunakan ekstensi yang disebut Markdown Syntax Highlighting for Notepad ++. Ini tersedia di Github

masukkan deskripsi gambar di sini

Setelah instalasi, opsi baru dalam dropdown Bahasa akan muncul Setelah instalasi, opsi baru dalam dropdown Bahasa akan muncul


1
Menyenangkan. Bisakah Anda menambahkan tautan ke Github?
Smandoli

3
Ini tidak menjawab pertanyaan. Tujuannya adalah agar hasil akhir ditampilkan, bukan sumbernya.
Deryck


2

RStudio dapat menangani file penurunan harga dan mengonversinya menjadi html dan pdf. Jika sudah memilikinya, Anda dapat menggunakan RStudio (ini adalah IDE untuk bahasa pemrograman R). Ini gratis dan open source, dan berfungsi di Windows, Mac dan Linux.


1

Anda dapat menggunakan Scribefire Next.

Itu adalah Mozilla Firefox plugin browser . Cukup instal ekstensi dan jalankan Firefox. Kustomisasi bilah alat Anda dan tempatkan pintasan Scribefire di sana. Dan karena ini adalah plugin browser, Anda dapat menggunakannya di Mac, Linux dan Windows.

Ketika Anda ingin menulis dalam mode Penurunan harga, cukup klik Edit Codedari jendela Scribefire.

Sekarang untuk memenuhi tujuan Anda, buka Edit Codemode dan salin semua teks dan tempel ke .mdfile Anda dan unggah.

Tidak ada fitur pratinjau langsung untuk ini, Anda harus beralih Edit Codedan Edit Visuallymelihat teks Anda.

Saya menggunakannya di kotak Linux Mint saya:

masukkan deskripsi gambar di sini

masukkan deskripsi gambar di sini

Memperbarui:

Ini tahun 2014, perlu menambahkan beberapa alat luar biasa lainnya di sini untuk pembaca dan peneliti lain. Baru-baru ini menggunakan Ekstensi Pratinjau Kurung + Markdown .


Saya suka kurung !!! Tidak ada spam, saya benar - benar melakukannya
a7omiton


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.