在推送到在线存储库进行渲染之前,在浏览器中查看或测试README文件*md

chr*_*ina 8 browser markdown firefox google-chrome github

是否存在在浏览器中或在线下呈现README.md文件的应用程序或方法?我正在学习Markdown,并且想要对我的一些写作做出即时反馈,因为有时候我会忘记一个空格或一个空行来实现我想要的东西,而且提交和推送到GitHub来查看它的渲染是很麻烦的,而不是提到我正在为一个小小的变化而创建的疯狂数量的提交.

有人建议在您自己的服务器或虚拟服务器中设置PHP环境,但我不知道如何(尚).我想到了一个扩展,如果你在浏览器中打开一个*.md文件(我主要使用Chrome,但偶尔使用FF),它看起来和GitHub中的框架一样.

我使用TextMate和Sublime Text 2来写降价,也许他们有一个我在他们的网站上没有看到/找到的功能?

Jor*_*are 14

懒惰的回答

(适用于独立快速学习者)

  • 在Atom编辑器中:Ctrl/Cmd+ Shift+M
  • 在Sublime Text中:有一个用于突出显示Github Flavored MD的软件包,当你在同一个编辑器中输入时它会呈现,它可能看起来不是很漂亮,但至少你可以立即知道你是否犯了错误.它被称为knockdown.看到这个问题和我的答案,了解更多相关信息.
    如果您在发布之前不想在浏览器中预览漂亮的结果,则可以使用该Markdown Preview包.

精心回答

(崇高文本新手红十字!)

- 安装 Package Control

  1. 打开崇高文本.
    [如果在编辑root或www-data所拥有的目录(即/ var/www /)上的文件时需要此功能,则可能需要使用gksu sublime或类似的管理权限打开sublime 并重复每一步]

  2. consolectr+ [即CONTROL键加GRAVE ACCENT键(通常在TAB键上方)激活sublime's `
    ]

    在此输入图像描述

  3. 将以下选项之一复制粘贴到sublime控制台prompt. (并按enter):

    如果是sublime-text 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')
    
    Run Code Online (Sandbox Code Playgroud)

    如果崇高文本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)
    
    Run Code Online (Sandbox Code Playgroud)

    在此输入图像描述

  4. 当控制台打印出一条消息" 请重新启动Sublime Text以完成安装" (通常几乎是瞬间)时,关闭sublime .再次打开sublime-text.

  5. 重新启动sublime-text后,其余部分很简单,请参阅"快速回答" (上文),或继续阅读.

关于使用Package Control

你刚刚安装的内容为你的Palette添加了一堆新的命令,打开了通往社区贡献插件的精彩世界的大门; 一种通过其他人或自己来扩展sublime功能的方法!(分享你的代码!).
现在让我们用它来安装Markdown Preview.

  1. 您只需按接包控制研究ctr+ shift+ P,和打字Package Control,pc,pack(或任何类似得益于命令调色板的模糊搜索功能),在这种情况下,通过编写搜索正确的命令Package Control: Install Package(或只是pi).
    (如果出现问题,你可以随时Remove Package).

    在此输入图像描述

  2. 要查看所有可用的包enter或单击它.Sublime将搜索所有已注册的软件包,甚至只会检查并显示与您的sublime-text版本兼容的软件包,您将需要等待几秒钟.
    (或不到一秒钟,取决于您的互联网+计算机延迟+速度).

    在此输入图像描述

  3. 现在搜索并选择Markdown Preview.

    在此输入图像描述

  4. 点击Enter或点击它后,需要一段时间才能安装.

    在此输入图像描述

    就是这样,它才有效.


- 你问怎么用?

要在默认浏览器中预览漂亮的降价:

  1. 在sublime-text内部并打开.md文件后,再次按ctr+ shift+ P.
  2. 搜索Markdown Preview和/ enter或单击它.
    (有很多选择,我最喜欢github风味:D)

    在此输入图像描述

...图片,否则它已经成功了:

(它完全有效!这是证据) 在此输入图像描述

急!
你刚刚迈出了一步,成为一名崇高的文本大师,我希望我的回答对你有帮助


Pau*_*nto 12

您可以将sublimetext-markdown-preview包用于Sublime Text.它允许您在浏览器上预览Markdown文件.有关安装说明,请参阅README.md.


Dar*_*ves 10

有一个Chrome插件可以做到这一点.

降价预览

在Chrome内部将markdown文件(.md,.markdown)转换并预览为HTML.


Joh*_*ley 9

您可以安装python包索引pip,然后安装一个名为grip的应用程序,它将在localhost端口上提供.md文件.一旦安装它就很容易.

sudo easy_install pip
sudo pip install grip
Run Code Online (Sandbox Code Playgroud)

然后运行:

grip
Run Code Online (Sandbox Code Playgroud)

在.md文件的根目录中.

  • 这个答案需要提高——使用起来非常简单,可以直接与 Github 交互,而且效果很好。 (2认同)