查看markdown文件离线

有没有办法可以离线显示.md文件,所以我们知道它在Github上传后会是什么样子? 我指的是显示README.md文件,因为它会出现在Github中,而不是编辑的目的。

因为我使用两者,所以需要在Mac和Windows上工作。

有几个Chrome插件可以很好地工作。 我一直在使用Markdown Preview Plus 。

安装完成后,在扩展菜单中启用“允许访问文件URL”(菜单>更多工具>扩展或者inputURL chrome://extensions/来代替)。

在这里输入图像说明

然后将Markdown文件拖放到Chrome上,然后使用您最喜欢的编辑器进行编辑。

我刚刚写了Grip来做这件事。 它和GitHub 完全一样,并提供了几个额外的选项:

  • 除了README之外,Grip还可以呈现GitHub的评论和问题
  • 点击本地链接来渲染其他.md文件
  • 在您自己的项目中使用的API
  • 导出到HTML文件

用pip安装:

 pip install grip 

然后转到包含您的自述文件的目录并运行:

 grip 

通过-h获得更多帮助和选项。

下面是Grip渲染Grip的README屏幕截图:

Grip渲染手柄的屏幕截图

希望这可以帮助。 看看这里 。

Atom by Github。 给你一个并排预览。

在这里输入图像说明

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

晚会到了,但看看MarkdownPad 。

我刚刚安装了https://github.com/ypocat/gfms 。 它做了很好的渲染github风味降价。 它检测你的降价变化,所以你只需把你的浏览器和编辑器并排。 它是Node.js,所以它应该可以在任何平台上正常工作。

如果你安装了Node.js,安装很简单:

  1. sudo npm install -g gfms
  2. gfms --port 9999 (在您的项目目录中)
  3. http://localhost:9999/ (用任何浏览器打开)

我find了一种方法来查看它在PHP中。 在做了更多的窥探之后,我发现了两个用于离线和在线查看.md文件的解决scheme:

  • 离线: https //github.com/WolfieZero/Markdown-Viewer-PHP
  • 在线: http : //daringfireball.net/projects/markdown/dingus

我build议使用离线版本,这样即使您在宝座上做生意,也可以进行编辑。 🙂

请参阅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 

在这里输入图像说明

我创build了这个来构build一个发送代码评论的工具,它很容易扩展,导入它作为一个模块,你可以添加自定义操作。

Visual Studio代码 – 微软的新编辑器也为降价编辑提供了很好的支持。
你可以从这里下载。
编辑器提供了很好的支持,可以在标记代码预览模式之间切换
它还为所有markdown语法提供了相当好的intellisense支持。
编辑器是免费使用 ,也是跨平台 (在Linux,Windows和Mac上工作)。
欲了解更多详情,你可以检查他们的网站

在这里输入图像说明

你有没有试过ReText ? 这是一个不错的桌面Markdown编辑器

pandoc是一个不错的文本到文本转换工具,可以解决Markdown的离线显示问题。 只是问题:

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

我发现MarkView谷歌浏览器扩展相当有用,实际上它的工作就像一个魅力:

MarkView是Chrome扩展,用于编辑和查看带有大纲视图的降价文件,支持多种表格格式样式,代码块语法高亮和Github Flavored Markdown。

特征:

  1. 编辑和查看网页样式中的降价文件。
  2. 文件更改时自动重新加载本地文件( 安装后:在chrome:// extensions /中select“允许访问文件URL”选项
  3. 以可滚动的方式显示内容旁边的大纲
  4. 有GoTop,ViewSource和GoBottom的button
  5. 支持Github Flavored Markdown表格样式和代码高亮。
  6. 突出显示编程语言的代码区(例如“`ruby)
  7. 支持网页打印与体面的前景(铬 – >文件 – >打印…)
  8. 响应:当窗口大小小于940px时,outline部分会自动隐藏; 调整大于940px,轮廓部分将显示。
  9. MarkView将查看除raw.github.com以外的所有降价文件,因为该子域仅显示源文件。

更多function已添加到MarkView:

  1. 所见即所得的降价编辑器
  2. 主题和代码样式select
  3. 支持脚注1↩
  4. 即时幻灯片演示文稿
  5. 文档自定义样式

    • 添加主题CSS和select
    • 添加代码样式和select
    • 写入CSS,保存并运行

有些人不使用Google Chrome。 有一个名为Markdown Viewer的Firefox插件,它能够脱机阅读Markdown文件。

您可以使用文本作为一个MD浏览器和MD编辑器,它的轻量级和整洁。 在这里输入图像说明

我喜欢Downmarker的垂直分离器,你可以在写的时候看到变化!

我使用node.js文件观察器和socket.io编写了一个离线Markdown查看器,因此您将浏览器指向本地主机,并运行./markdownviewer /path/to/README.md ,然后使用websockets将其传输到浏览器。

还有StackEdit 。 它将在线和离线工作(它使用您的浏览器本地存储)。

您也可以将其与Dropbox或Google Drive连接,以查看托pipe在云上的文件。

考虑捷径 。

Strapdown是基于Javascript的解决scheme,可以在浏览器中呈现降价内容,这对于脱机查看来说非常有用。 从他们自己的描述:

Strapdown.js使创build优雅的Markdown文档变得尴尬简单。 不需要服务器端的编译。

因此,将.md标记文件重命名为.html ,并用以下命令将其包含.md

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

并在任何浏览器打开将显示呈现的HTML。 额外奖金:您可以轻松更改主题。

如果你是一个vim的人,你可以试试vim-preview插件。 只需使用您select的方法将其安装到~/.vim目录中即可。 然后你可以用vim打开一个Markdown文件,并使用命令:Preview在你的浏览器中打开一个新窗口并显示最终结果。

Geany有一个markdown的插件,可以做一个公平的工作,也可以在侧边栏中给Markdown预览。 它也运行在Linux,Mac OS X和Windows上。

要使用它,请安装geany,然后安装geany-plugin-markdown软件包,并从插件pipe理器中select它。

对于MAC我使用Marked ,对于Windows我使用Muto-Mark 。 两者都支持GH样式表。

对于OS X来说, Mou是非常好的,它有两个GitHub CSS主题。

看看Haroopad 。 这是一个非常好的#markdown编辑器。 它是免费的,可用于多个平台。 我已经在Mac OSX上试过了。

在MacOSX上运行得很好的最简单资源之一就是InkMark上的Markdown Quick Look插件。 在OS X 10.9+上安装后,只需在Finder中select一个降价文件,然后点击空格键即可。 我不确定结果是否与Github 100%相关,但它们相当不错,只是一个小巧的离线观看者解决scheme。 如果你想要其他的select, Mashable也写了一篇关于78种不同工具的文章。

Makrdown-QuickLook的 - 预览

对于大多数情况来说,这是一个简单的解决scheme:将“降价”复制/粘贴到“云端”的查看器中。 这里有两个select:

  1. Dillinger.io
  2. Dingus

没有安装! 跨平台! 跨浏览器! 始终可用!

缺点:可能会对大文件,标准云应用程序安全问题感到麻烦。

Notepad ++可以使用名为Markdown Syntax Highlighting的扩展名。 它在Github上可用

在这里输入图像说明

安装之后,将会出现语言下拉菜单中的新选项 安装之后,将会出现语言下拉菜单中的新选项

从现在起我使用http://marxi.co/ 。 Marxi.co有在线和离线版本。

你可以使用Scribefire Next。

这是一个Mozilla Firefox浏览器插件。 只需安装扩展,并启动Firefox。 自定义您的工具栏,并将其Scribefire快捷方式。 而且由于它是一个浏览器插件,所以你可以在Mac,Linux和Windows上使用它。

当您想要在Markdown模式下书写时,只需点击Scribefire窗口中的Edit Code

现在为了达到你的目的,进入Edit Code模式,复制所有的文本并粘贴到你的.md文件并上传。

没有实时预览function,您必须切换Edit CodeEdit Visually来预览您的文字。

我在我的Linux Mint框中使用它:

在这里输入图像说明

在这里输入图像说明

更新:

这是2014年,需要在这里为其他读者和研究人员添加一些其他的真棒工具。 最近刚刚使用了Brackets + Markdown预览扩展 。

Visual Studio的stream行Web Essentials插件提供了一个Markdown查看器和编辑器。 它还支持添加代码片段的Github语言语法。

http://vswebessentials.com/features/markdown

我经常要便携式应用程序。 为此,我find了

http://cloose.github.io/CuteMarkEd/ (我刚刚尝试了一下,似乎工作正常)。

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

RStudio可以处理降价文件并将其转换为html和pdf。 如果你已经有了它,你可以使用RStudio(它是R编程语言的IDE)。 它是免费的,开源的,可以在Windows,Mac和Linux上运行。