web-dev-qa-db-ja.com

マークダウンファイルをオフラインで表示する

.mdファイルをオフラインで表示する方法はありますか。そのため、Githubにアップロードされた後の表示はどうなるでしょうか。私はREADME.mdファイルをGithubで出てくるように見せることに言及しています、そして編集目的のためではありません。

私は両方を使用しているので、MacとWindowsで作業する必要があります。

548
enchance

PHPで表示する方法を見つけました。さらにスヌーピングをした後、.mdファイルをオフラインおよびオンラインで表示するための2つの解決策を見つけました。

あなたが王位であなたのビジネスをしている間でさえあなたがあなたの編集をすることができるように私はオフライン版を推薦します。 :)

26
enchance

うまくいくChromeプラグインがいくつかあります。 Markdown Preview Plus を使っています。

インストールが完了したら、[機能拡張]で[ファイルURLへのアクセスを許可する]を有効にします(メニュー> [その他のツール]> [機能拡張]を選択するか、代わりにURL chrome://extensions/を入力します)。

enter image description here

次に、MarkdownファイルをChromeにドラッグアンドドロップし、お気に入りのエディタを使用して編集します。

391
Jim Bergman

私は グリップ を少し前に書いたのです。 GitHubと同じように 正確に をレンダリングし、いくつかの追加オプションも提供します。

  • READMEに加えて、GripはGitHubのコメントと問題をレンダリングすることができます。
  • ローカルリンクをクリックして他の.mdファイルをレンダリングする
  • あなた自身のプロジェクトで使うAPI
  • HTMLファイルにエクスポート

Pipを使ってインストールします。

pip install grip

その後、READMEファイルが含まれているディレクトリに移動して、次のコマンドを実行します。

grip

追加のヘルプやオプションについては-hを渡してください。

これは、GripのREADMEをレンダリングしたGripのスクリーンショットです。

Screenshot of Grip rendering Grip

お役に立てれば。 ここでチェックしてください

228
Joe

Atom Githubによる。プレビューを並べて表示します。

enter image description here

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

97
Maxim

パーティーに遅れていますが、 MarkdownPad を見てください。

61
David Brabant

Visual Studioコード - Microsoftの新しいエディタもマークダウン編集を非常によくサポートしています。
here からダウンロードできます。
エディタは、 マークダウンコード プレビューモード の間で トグル をサポートしています。
これはまた、すべてのマークダウン構文について、かなり良い インテリセンス サポートを提供します。
エディタは 無料で使用できます であり、また cross platform です(Linux、Windows、およびMac上で動作します)。
詳細については、 Webサイト で確認できます。

enter image description here

46
sundeep

Python-Markdown-Editor を参照してください。

それはに基づいています:

  • Pythonマークダウン
  • Pygments(コードブロック構文の強調表示)
  • CodeMirror(JavaScriptコードエディタ)
  • ボトル

Pipを使ってインストールします。

$ pip install markdown-editor 

いつプレビューできるか、コードのハイライト表示、コードブロックの囲い込み、githubスタイルが特徴

コマンドラインで使うことができます。

$ markdown_edit 

$ markdown_edit README.md

$ markdown_edit -f readme.html README.md

enter image description here

コードレビューを送信するためのツールを作成するためにこれを作成しました。カスタムアクションを追加できるモジュールとしてインポートすることで、簡単に拡張できます。

32

https://github.com/ypocat/gfms をインストールしました。それは非常に良い仕事のレンダリングgithub風味の値下げを行います。マークダウンの変更を検出するので、ブラウザとエディタを並べて配置するだけです。これはNode.jsなので、どのプラットフォームでもうまく動作するはずです。

Node.jsがインストールされていれば、インストールは簡単です。

  1. Sudo npm install -g gfms
  2. gfms --port 9999(プロジェクトディレクトリ内)
  3. http://localhost:9999/(任意のブラウザで開きます)
29
pduey

ReText を試しましたか?それはいいデスクトップのマークダウンエディタです

18
Nuno Costa

Google Chromeを使用していない人がいます。 Markdown Viewer - と呼ばれるFirefoxアドオンがあります これはオフラインでMarkdownファイルを読むことができます。

18
air-dex

pandoc は、Markdownのオフラインでの視覚化の問題を解決するNice Text-to-Text変換ツールです。ただ発行してください:

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

私は見つけました MarkView Google Chrome拡張 かなり便利です、実際にそれは魅力のように働いています:

MarkViewは、アウトラインビューでマークダウンファイルを編集および表示するためのChrome拡張機能です。複数のテーブルフォーマットスタイル、コードブロック構文の強調表示、およびGithub Flavored Markdownをサポートします。

特徴:

  1. マークダウンファイルをWebページスタイルで編集および表示する。
  2. ファイルが変更されたときにローカルファイルを自動的にリロードします( インストール後:chrome:// extensions/ で "ファイルURLへのアクセスを許可する"オプションを選択します)
  3. スクロール可能な方法でコンテンツの横にアウトラインを表示する
  4. GoTop、ViewSource、GoBottomにボタンがあります
  5. Github Flavored Markdownテーブルスタイルとコードハイライトをサポートします。
  6. プログラミング言語のコード領域をハイライト表示します(例えば `` `Ruby)
  7. まともなOutlookでウェブページの印刷をサポートする(Chrome-> File-> Print ...)
  8. レスポンシブ:ウィンドウサイズが940ピクセルより小さい場合、アウトラインセクションは自動的に非表示になります。 940ピクセルより大きいサイズに変更すると、アウトラインセクションが表示されます。
  9. そのサブドメインはソースのみを表示するため、MarkViewはraw.github.comの下にあるものを除くすべてのマークダウンファイルを表示します。

より多くの機能がMarkViewに追加されました:

  1. WYSIWYGマークダウンエディタ
  2. テーマとコードスタイリングの選択
  3. サポート脚注1
  4. インスタントスライドプレゼンテーション
  5. 文書のカスタムスタイル

    • テーマCSSを追加して選択
    • コードスタイルを追加して選択
    • CSSを書く、保存して実行
14
mariomaric

私は Downmarker の縦の分割線が好きです、あなたが書いている間、あなたは変化を見ることができます!

13
Nathan Dunn

texts をmdビューアおよびmdエディタとして使用することができます。 enter image description here

11
PHPst

Geany には、公正な仕事をする markdown用のプラグイン があり、サイドバーにMarkdownのプレビューも表示されます。 Linux、Mac OS X、Windowsでも動作します。

これを使用するには、geanyをインストールしてからgeany-plugin-markdownパッケージをインストールしてプラグインマネージャから選択します。

9
Akronix

もしあなたがVimの人なら、 vim-preview /プラグインを試すことができます。あなたの選んだ方法でそれをあなたの~/.vimディレクトリに単にインストールしてください。それから、vimでMarkdownファイルを開き、ブラウザに新しいウィンドウを開き、最終結果を表示するコマンド:Previewを使うことができます。

8
Peter Diakumis

StackEdit もあります。オンラインでもオフラインでも動作します(ブラウザのローカルストレージを使用します)。

DropboxやGoogle Driveと接続して、クラウドでホストされているファイルを見ることもできます。

8
N Alex

Node.jsファイルのウォッチャーとsocket.ioを使用してオフラインのマークダウンビューアをコーディングしたので、ブラウザをlocalhostに指定して./markdownviewer /path/to/README.mdを実行し、それをWebソケットを使用してブラウザにストリーミングします。

8

ストラップダウン を検討してください。

ストラップダウンは、マークダウンコンテンツをブラウザに表示するJavascriptベースのソリューションで、オフラインでの表示に最適です。彼ら自身の記述から:

Strapdown.jsを使用すると、エレガントなMarkdown文書を簡単に作成できます。サーバーサイドのコンパイルは不要です。

そのため、.mdマークダウンファイルの名前を.htmlに変更し、それを次のように囲みます。

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

そして任意のブラウザで開くとレンダリングされたHTMLが表示されます。追加ボーナス:あなたは簡単にテーマを変えることができます。

6
ckhan

MACの場合は Marked を使用し、Windowsの場合は Muto-Mark を使用します。どちらもGHスタイルシートをサポートしています。

4
pseudomuto

OS Xの場合、 Mou はとてもいいです、そしてそれには2つのGitHub CSSテーマがあります。

4
TachyonVortex

Haroopad をチェックしてください。これは本当にいい#markdownエディタです。無料で複数のプラットフォームで利用できます。私はMac OSXで試しました。

4
qmmr

MacOSXでうまく機能する最も簡単なリソースの1つは、 InkMark にあるMarkdown Quick Lookプラグインです。 OS X 10.9以降にインストールした後は、Finderでマークダウンファイルを選択してスペースバーをタップするだけです。結果がGithubと100%相関しているかどうかは定かではありませんが、それらは非常に優れていて、目立たないオフラインビューア専用ソリューションになっています。 Mashable あなたが他のオプションをご希望であれば//78個の異なるツールに関する記事も書きました。

Makrdown-QuickLook-Preview

3
Tommie C.

Notepad ++には Markdown Syntax Highlighting という拡張子を使用できます。 Githubで利用可能です

enter image description here

インストール後、言語ドロップダウンの新しいオプションが表示されます After installation, new option in the Language dropdown will be appeared

3

ほとんどの場合に簡単な解決策:マークダウンを「クラウド」のビューアにコピー/ペーストします。これには2つの選択肢があります。

  1. Dillinger.io
  2. ディンガス

インストールするものは何もありません。クロスプラットフォーム!クロスブラウザ!いつでもご利用いただけます!

デメリット:大きなファイル、標準的なクラウドアプリケーションのセキュリティ問題では面倒なことがあります。

3
aap

RStudio はマークダウンファイルを処理し、それらをhtmlおよびpdfに変換できます。すでに持っていれば、RStudioを使うことができます(これはRプログラミング言語のIDEです)。それはフリーでオープンソースであり、そしてウィンドウズ、マックそしてリナックス上で動作します。

2
Genom

今から私は http://marxi.co/ /を使います。 Marxi.coはオンラインとオフラインのバージョンがあります。

2
feeeper

注目すべき、確かに素晴らしいツールです。

特徴:

  • ライブプレビュー
  • それは free です。
  • 非常に軽量
  • HTML、PDFにエクスポート

ダウンロード: https://remarkableapp.github.io/ /

1
Iqbal

私は頻繁にポータブルアプリケーションが欲しいです。これのために、私は見つけました

http://cloose.github.io/CuteMarkEd/ (少しだけ試してみましたが、うまくいくようです)。

http://markdownpad.com/faq.html#portable

1
sancho.s

Visual Studio用の人気のあるWeb Essentialsプラグインには、Markdownビューアとエディタがあります。コードスニペットを追加するためのGithub言語構文もサポートします。

http://vswebessentials.com/features/markdown

1
Kyle Ballard

Scribefire Nextを使うことができます。

これは Mozilla Firefox ブラウザプラグインです。拡張機能をインストールしてFirefoxを起動するだけです。ツールバーをカスタマイズして、それにScribefireショートカットを配置します。それはブラウザのプラグインなので、あなたはそれをMac、LinuxそしてWindowsで使うことができます。

Markdownモードで書きたい場合は、ScribefireウィンドウからEdit Codeをクリックしてください。

目的を達成するために、Edit Codeモードに移動してすべてのテキストをコピーし、それを.mdファイルに貼り付けてアップロードします。

これにはライブプレビュー機能はありません。テキストをプレビューするには、Edit CodeEdit Visuallyを切り替える必要があります。

私は自分のLinux Mintボックスでそれを使っています。

enter image description here

enter image description here

更新:

2014年です。他の読者や研究者のために、ここに他の素晴らしいツールを追加する必要があります。 ブラケット + Markdown Preview Extension

1
GaryP

このphpの視聴者は敏感なサポートおよびカスタマイズするべき多数の選択と来る。

0
wajatimur

Firefox Markdown Viewerプラグインを使用すると、インストールと使用が非常に簡単になります。

0
Milad

参考までに、 Calibre ebookビューアは、マークダウンファイルの解析と表示というOKの仕事をしています。

Calibreがインストールされたら、ebook-viewer myfile.mdだけです。

0
Russ