10

是否有应用程序或方法在浏览器中在线或离线呈现 README.md 文件？我正在学习 Markdown，并且希望对我的一些写作有即时反馈，因为有时我会忘记空格或空行来实现我想要的，并且提交并推送到 GitHub 以查看其渲染对我来说很麻烦，而不是提到我为一个小改变而创建的大量提交。

有些人建议在您自己的服务器或虚拟服务器中设置 PHP 环境，但我不知道该怎么做（目前）。我正在考虑一个扩展，如果你在浏览器中打开一个 *.md 文件（我主要使用 Chrome，但偶尔使用 FF），它看起来与 GitHub 中的框架相同。\

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

4

9 回答 9

16

懒惰的回答

（对于独立的快速学习者）

  • 在 Atom 编辑器中：Ctrl/Cmd++ShiftM
  • 在 Sublime Text 中：有一个包可以突出显示 Github Flavored MD，它会在您在同一个编辑器中输入时实时呈现，它可能看起来不是很漂亮，但至少您可以立即知道您是否犯了错误。它被称为knockdown。请参阅this other question和我的回答以了解更多信息。
    如果您不想在发布之前在浏览器中预览漂亮的结果，您可以使用该Markdown Preview包。

详尽的回答

（sublime-text 新手红十字会！）

- 安装Package Control

  1. 打开崇高文本。
    [如果您在编辑 root 或 www-data （即 /var/www/ ）拥有的目录上的文件时需要此功能，您可能希望使用gksu sublime或类似的方式以管理员权限打开 sublime 并重复每个步骤]

  2. console通过按ctr+ [即 CONTROL 键加上 GRAVE ACCENT 键（通常在 TAB 键上方）]激活 sublime`

    在此处输入图像描述

  3. 将以下选项之一复制粘贴到 sublime 控制台的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. 当控制台打印出一条消息“请重新启动 Sublime Text 以完成安装” （通常几乎是瞬时的）时，关闭 sublime 。再次打开 sublime-text。

  5. 重新启动 sublime-text 后，剩下的就很容易了，请参阅“快速回答” （上图），或继续阅读。

关于使用包控制

您刚刚安装的内容为您的Palette添加了一组新命令，并为社区贡献的插件的美妙世界打开了大门；一种由其他人或您自己扩展 sublime 功能的方法！（分享您的代码！）。
现在让我们使用它来安装Markdown Preview.

  1. 您可以通过按ctr+ shift+P并键入Package Control, （或类似命令调色板的模糊搜索功能的任何类似内容）来访问 Package Controll，在这种情况下，通过编写（或只是）搜索正确pc的命令。（如果出现问题，您总是可以）。packPackage Control: Install Packagepi
    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）

    在此处输入图像描述

......图片，否则它不会发生：

（它完全有效！这是证据） 在此处输入图像描述

快！
成为sublime-text大师，你才更进一步，希望我的回答对你有所帮助

于 2014-06-26T03:01:55.840 回答
13

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

于 2012-08-22T21:09:54.260 回答
12

您可以安装 python 包索引 pip，然后安装一个名为 Grip 的应用程序，该应用程序将在 localhost 端口上提供 .md 文件。安装后非常容易。

sudo easy_install pip
sudo pip install grip

然后运行：

grip

在 .md 文件的根目录中。

于 2015-08-06T21:16:53.220 回答
10

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

降价预览

在 Chrome 中将 Markdown 文件（.md、.markdown）转换和预览为 HTML。

于 2012-11-01T15:53:25.713 回答
4

如果你在 OSX / Linux 上并且不介意命令行，这里有一个简单的脚本，可以在浏览器中打开渲染的 markdown：

#!/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

您可能需要将该open命令替换为适用于您的 Linux 风格的命令，例如firefox $OUTPUT.

这sleep 1只是防止在浏览器有时间读取文件之前删除文件的技巧；我敢肯定，更熟练的 bash 黑客可以用不那么难看的东西代替它；）

于 2014-10-13T07:48:41.910 回答
2

@regularjack 的答案可能是要走的路，因为它与 Sublime Text 集成。但是，我只是想提请注意Pandoc是一个文档转换器程序，用 Haskell 编写，它可以在包括 markdown 在内的多种文件格式之间进行转换。虽然它需要安装，但也有一个页面可以试用。虽然不适合大型文档，但此站点为您提供了一种简单的方法来复制和粘贴 markdown 并立即查看格式化结果。

于 2012-08-22T21:45:26.427 回答
2

我喜欢免费的 Chrome 应用程序stackit。它允许您同时创建和预览降价文档 - 2 个窗格。

于 2013-12-10T16:22:49.313 回答
2

试试MarkView一个 Chrome 扩展，用于编辑和查看带有大纲视图的 markdown 文件，支持 Github Flavored Markdown 表格样式和代码块语法高亮。

  • 特征

    1. 以网页样式编辑和查看 Markdown 文件。
    2. 文件更改时自动重新加载本地文件（安装后：在 chrome://extensions/ 中选择“允许访问文件 URL”选项）
    3. 以可滚动的方式在内容旁边显示大纲
    4. 有 GoTop、ViewSource 和 GoBottom 的按钮
    5. 支持 Github Flavored Markdown 表格样式和代码高亮。
    6. 突出显示编程语言的代码区域（例如 ```ruby）
    7. 支持具有良好外观的网页打印（Chrome->文件->打印...）
    8. 响应式：当窗口尺寸小于 940px 时，轮廓部分会自动隐藏；调整大小大于 940 像素，将显示轮廓部分。
    9. MarkView 将查看除 raw.github.com 下的所有 markdown 文件，因为该子域仅显示源。
于 2013-12-09T22:07:27.070 回答
0

FireFox 有一个编辑器。直接进行编辑并不完美，但在签入之前快速检查更改或验证文件非常棒。

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

安装插件后，请确保转到自定义..（右键单击图标，在右上角的菜单旁边）将小图标添加到您的栏。然后您将能够打开/关闭/保存等。就像桌面应用程序一样。

于 2016-08-03T06:10:17.040 回答