firefox - レンダリングのためにオンラインリポジトリにプッシュする前に、ブラウザでREADMEファイル*mdを表示またはテストします

Question

README.mdファイルをブラウザでオンラインまたはオフラインでレンダリングするアプリケーションまたは方法はありますか？私はMarkdownを学んでおり、自分の書いたものの一部について即座にフィードバックを求めています。目的を達成するためにスペースや空白行を忘れることがあり、GitHubにコミットしてプッシュし、レンダリングを確認するのは面倒です。小さな変更のために作成しているコミットの数が非常に多いことに言及してください。

自分のサーバーまたは仮想サーバーにPHP環境をセットアップすることを提案する人もいますが、その方法は（まだ）わかりません。ブラウザで*.mdファイルを開くと（私は主にChromeを使用しますが、FFを使用することもあります）、GitHubのフレームと同じように見える拡張機能を考えていました。\

私はTextMateとSublimeText2を使用してマークダウンを記述していますが、おそらくそれらは私が彼らのサイトで見たことがない/見つけたことがない機能を持っていますか？

Answer 1

怠惰な答え

^{（独立した速い学習者のために）}

• Atomエディターの場合：Ctrl/Cmd++ShiftM
• Sublime Text：Github Flavoured MDを強調するパッケージがあり、まったく同じエディター内で入力するとライブでレンダリングされます。見た目はあまり良くないかもしれませんが、少なくとも間違いを犯しているかどうかはすぐにわかります。それはと呼ばれknockdownます。それについてもっと知るためにこの他の質問と私の答えを見てください。
  公開する前にブラウザできれいな結果をプレビューしたくない場合は、Markdown Previewパッケージを使用できます。

---

手の込んだ答え

^{（崇高なテキスト初心者の赤い十字架！）}

-インストールPackage Control

1. sublime-textを開きます。
   _{[rootまたはwww-dataが所有するディレクトリ（つまり/ var / www /）でファイルを編集するときにこの機能を利用できるようにする必要がある場合は、gksu sublimeまたは同様の機能を使用して管理者権限で崇高なものを開き、すべての手順を繰り返します]}

2. +consoleを押して崇高なものをアクティブにし_{ます[つまり、CONTROLキーとGRAVE ACCENTキー（通常はTABキーの上）]}ctr`
   

   

3. 次のオプションのいずれかをコピーして、コンソールのを崇高にしますprompt。 _{（そして押すenter）}：

   崇高な場合-テキスト2：

   import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
   

   崇高な場合-テキスト3：

   import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
   

   

4. コンソールが「 SublimeTextを再起動してインストールを終了してください 」というメッセージを出力したら、sublimeを閉じます_{（通常はほぼ瞬時に）}。sublime-textをもう一度開きます。

5. sublime-textを再起動すると、残りは簡単です。「Fast Answer」 _（上記）を参照するか、読み進めてください。

パッケージコントロールの使用について

インストールしたものは、パレットに新しいコマンドの束を追加し、コミュニティが提供するプラグインの素晴らしい世界への扉を開きます。他の人や自分で崇高な機能を拡張する方法！（コードを共有してください！）。
それを使ってインストールしましょうMarkdown Preview。

1. ctr+ shift+を押して、、、（またはコマンドパレットのあいまい検索機能のおかげで同様のものP）と入力するだけでPackage Controllにアクセスできます。この場合はPackage Control、（または単に）を記述して適切なコマンドを検索します。_{（何かがうまくいかない場合はいつでもできます）}。pcpackPackage Control: Install Packagepi
Remove Package

   

2. 利用可能なすべてのパッケージを表示するには、enterまたはそれをクリックしてください。Sublimeは登録されているすべてのパッケージを検索し、ご使用のバージョンのsublime-textと互換性のあるパッケージのみをチェックして表示します。数秒待つ必要があります。
   _{（または、インターネット+コンピューターの待ち時間+速度によっては1秒未満）}。

   

3. 次に、を検索して選択しますMarkdown Preview。

   

4. それを押すかクリックした後Enter、インストールするのに少し時間がかかります。

   

   それだけです、それはうまくいきます。

-それをどのように使用するかを尋ねますか？

デフォルトのブラウザできれいなマークダウンをプレビューするには：

1. sublime-text内で、.mdファイルを開いた状態で、もう一度++をctr押しshiftますP。

2. それを検索するかMarkdown Preview、enterクリックします。
   ^{（多くのオプションがあります、私はgithubフレーバーが最も好きです：D）}

   

...写真、それ以外の場合は通過するようになりました：

^{（それは完全に機能します！ここに証拠があります）}

プレスト！
あなたは崇高なテキストマスターになるためにさらに一歩踏み出しました、私の答えがあなたに役立つことを願っています

Answer 2

SublimeTextにはsublimetext-markdown-previewパッケージを使用できます。それはあなたがあなたのブラウザでMarkdownファイルをプレビューすることを可能にします。インストール手順については、 README.mdを参照してください。

Answer 3

python package index pipをインストールしてから、ローカルホストポートで.mdファイルを提供するgripというアプリケーションをインストールできます。インストールすると非常に簡単です。

sudo easy_install pip
sudo pip install grip

次に、実行します。

grip

.mdファイルのルートディレクトリ。

Answer 4

これを正確に行うためのChromeプラグインがあります。

マークダウンプレビュー

マークダウンファイル（.md、.markdown）をChrome内でHTMLに変換してプレビューします。

Answer 5

OSX / Linuxを使用していて、コマンドラインを気にしない場合は、ブラウザでレンダリングされたマークダウンを開く簡単なスクリプトを次に示します。

#!/usr/bin/env bash

OUTPUT=/tmp/$(basename $1).html
markdown $1 > $OUTPUT
open $OUTPUT
# FIXME: Avoid deleting before opening; possible to use `wait`
# instead?
sleep 1
rm $OUTPUT

openLinuxのフレーバーで機能するものの代わりにコマンドを使用する必要がある場合がありますfirefox $OUTPUT。

これsleep 1は、ブラウザがファイルを読み取る前にファイルが削除されないようにするための単なるハックです。より熟練したbashハッカーはそれをより醜いものに置き換えることができると確信しています;）

Answer 6

@regularjackの答えは、Sublime Textと統合されているため、おそらく進むべき道です。ただし、 Pandocは、Haskellで記述された、マークダウンを含む多数のファイル形式間で変換するドキュメントコンバータプログラムであることに注意を向けたいと思いました。インストールが必要ですが、試してみるページもあります。大きなドキュメントには理想的ではありませんが、このサイトでは、マークダウンをコピーして貼り付け、予測された結果を即座に確認する簡単な方法を提供します。

Answer 7

アウトラインビューでマークダウンファイルを編集および表示するためのChrome拡張機能であるMarkViewを試してください。Githubフレーバーマークダウンテーブルスタイルとコードブロック構文のハイライトをサポートしています。

• 特徴

  1. Webページスタイルでのマークダウンファイルの編集と表示。
  2. ファイルが変更されたときにローカルファイルを自動リロードします（インストール後：chrome：// extends /の[ファイルURLへのアクセスを許可する]オプションを選択します）
  3. コンテンツの横にアウトラインをスクロール可能な方法で表示する
  4. GoTop、ViewSource、GoBottomのボタンがあります
  5. Githubフレーバーマークダウンテーブルスタイルとコードハイライトをサポートします。
  6. プログラミング言語のコード領域を強調表示します（例： `` `ruby）
  7. 適切なOutlookでのWebページの印刷をサポートします（Chrome->ファイル->印刷...）
  8. 応答性：ウィンドウサイズが940pxより小さい場合、アウトラインセクションは自動的に非表示になります。サイズを940pxより大きくすると、アウトラインセクションが表示されます。
  9. MarkViewは、raw.github.comの下にあるものを除くすべてのマークダウンファイルを表示します。これは、そのサブドメインにはソースのみが表示されるためです。

Answer 8

無料のChromeアプリstackeditが好きです。マークダウンドキュメントの作成とプレビューを同時に行うことができます-2つのペイン。

Answer 9

FireFoxにはエディターがあります。直接編集するのは完璧ではありませんが、チェックインする前に変更をすばやく確認したり、ファイルを確認したりすることは素晴らしいことです。

https://addons.mozilla.org/en-US/firefox/addon/markdown-editor/

アドオンをインストールしたら、必ず[カスタマイズ]に移動して（右上のメニューの横にあるアイコンを右クリック）、小さなアイコンをバーに追加します。そうすれば、デスクトップアプリケーションと同じように、開いたり、閉じたり、保存したりできるようになります。