离线查看markdown文件

时间:2012-03-23 17:17:30

标签: github markdown viewer

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

因为我同时使用它们,所以需要在Mac和Windows上工作。

34 个答案:

答案 0 :(得分:393)

有一些Chrome插件运行良好。我一直在使用Markdown Preview Plus

安装完成后,在扩展程序中启用“允许访问文件网址”(菜单>更多工具>扩展程序或输入网址chrome://extensions/)。

enter image description here

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

答案 1 :(得分:230)

前段时间我写了Grip来做这件事。它像在GitHub上一样呈现完全,并提供了几个附加选项:

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

使用pip安装:

pip install grip

然后转到包含README文件的目录并运行:

grip

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

这是Grip渲染Grip的自述文件的截图:

Screenshot of Grip rendering Grip

希望这会有所帮助。 Check it out here

答案 2 :(得分:97)

Github

Atom。为您提供并排预览。

enter image description here

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

答案 3 :(得分:61)

晚会,但看看MarkdownPad

答案 4 :(得分:47)

Visual Studio代码 - Microsoft的新编辑器也为降价编辑提供了很好的支持。
您可以从here下载 编辑器为降价代码预览模式之间的切换提供了很好的支持。
它还为所有降价语法提供了相当好的 intellisense 支持 该编辑器免费使用,并且跨平台(适用于Linux,Windows和Mac)。
有关详细信息,请查看website

enter image description here

答案 5 :(得分:33)

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

我创建了这个来构建一个用于发送代码评论的工具,它很容易扩展,通过将其作为模块导入,您可以添加自定义操作。

答案 6 :(得分:29)

我刚刚安装了https://github.com/ypocat/gfms。它在渲染github风味降价方面做得非常好。它会检测降价时的变化,因此您只需将浏览器和编辑器并排放置即可。它是Node.js,所以它应该可以在任何平台上正常工作。

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

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

答案 7 :(得分:26)

我找到了一种在PHP中查看它的方法。在做了一些更多的窥探后,我找到了2个离线和在线查看.md文件的解决方案:

我推荐离线版本,这样即使您在宝座上开展业务,也可以进行编辑。 :)

答案 8 :(得分:19)

你试过ReText吗?这是一个很好的桌面Markdown编辑器

答案 9 :(得分:18)

有些人不使用谷歌浏览器。有一个名为Markdown Viewer的Firefox附加组件,可以离线读取Markdown文件。

答案 10 :(得分:15)

pandoc是一款不错的文本到文本转换工具,可解决Markdown的离线可视化问题。刚发出:

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

答案 11 :(得分:14)

我发现MarkView Google Chrome extension非常有用,实际上它就像一个魅力:

  

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

     

特点:

     
      
  1. 以网页样式编辑和查看markdown文件。
  2.   
  3. 更改文件时自动重新加载本地文件(安装后:   在chrome:// extensions /
  4. 中选择“允许访问文件网址”选项   
  5. 以可滚动的方式在内容旁边显示大纲
  6.   
  7. 拥有GoTop,ViewSource和GoBottom的按钮
  8.   
  9. 支持Github Flavored Markdown表样式和代码突出显示。
  10.   
  11. 突出显示编程语言的代码区域(例如````ruby)
  12.   
  13. 支持具有良好展望的网页打印(Chrome->文件 - >打印...)
  14.   
  15. 响应:当窗口大小小于940px时,大纲部分会   自动隐藏;调整大小超过940px,将显示轮廓部分。
  16.   
  17. MarkView将查看除raw.github.com下的所有降价文件   因为该子域只显示源。
  18.   

MarkView已添加更多功能:

  1. WYSIWYG降价编辑器
  2. 主题和代码样式选择
  3. 支持脚注 1
  4. 即时幻灯片演示文稿
  5. 文档自定义样式

    • 添加主题CSS并选择
    • 添加代码样式并选择
    • 编写CSS,保存并运行

答案 12 :(得分:13)

我喜欢Downmarker中的垂直拆分器,您可以在编写时看到更改!

答案 13 :(得分:11)

您可以使用texts作为md查看器和md编辑器,它轻巧而整洁。 enter image description here

答案 14 :(得分:9)

Geany有一个plugin for markdown做得很好,还可以在侧边栏中找到Markdown预览。它还可以在Linux,Mac OS X和Windows上运行。

要使用它,请安装geany,然后安装包geany-plugin-markdown并从插件管理器中选择它。

答案 15 :(得分:8)

我刚刚使用node.js文件观察器和socket.io编写了一个离线markdown查看器,因此您将浏览器指向localhost并运行./markdownviewer /path/to/README.md并使用websockets将其流式传输到浏览器。

答案 16 :(得分:8)

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

您还可以将其与Dropbox或Google云端硬盘相关联,以查看托管在云端的文件。

答案 17 :(得分:8)

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

答案 18 :(得分:6)

考虑Strapdown

Strapdown是基于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。额外奖励:您可以轻松更改主题。

答案 19 :(得分:5)

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

答案 20 :(得分:4)

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

答案 21 :(得分:4)

对于OS X,Mou非常好,它带有两个GitHub CSS主题。

答案 22 :(得分:3)

在MacOSX上运行良好的最简单资源之一是在InkMark找到的Markdown Quick Look插件。在OS X 10.9+上安装后,只需在Finder中选择一个markdown文件,然后点击空格键。我不确定结果是否与Github 100%相关,但是它们非常好并且可以制作一个非常不显眼的离线查看器解决方案。如果您想要其他选项,Mashable还会撰写一篇关于78种不同工具的文章。

Makrdown-QuickLook-Preview

答案 23 :(得分:3)

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

enter image description here

安装完成后,将出现语言下拉列表中的新选项 After installation, new option in the Language dropdown will be appeared

答案 24 :(得分:3)

大多数情况下的简单解决方案:将标记复制/粘贴到“云”中的查看器中。这有两个选择:

  1. Dillinger.io
  2. Dingus
  3. 无需安装!跨平台!跨浏览器!随时可用!

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

答案 25 :(得分:2)

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

答案 26 :(得分:2)

RStudio可以处理markdown文件并将其转换为html和pdf。如果您已经拥有它,则可以使用RStudio(它是R编程语言的IDE)。它是免费和开源的,适用于Windows,Mac和Linux。

答案 27 :(得分:1)

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

http://vswebessentials.com/features/markdown

答案 28 :(得分:1)

您可以使用 Scribefire 下一步。

这是一个 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年,需要在这里为其他读者和研究人员添加一些其他很棒的工具。最近刚使用Brackets + Markdown Preview Extension

答案 29 :(得分:1)

卓越,当然是一个很棒的工具。

特点:

  • 实时预览
  • 免费
  • 非常轻量级
  • 导出为HTML,PDF

下载:https://remarkableapp.github.io/

答案 30 :(得分:1)

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

http://cloose.github.io/CuteMarkEd/(我刚试过一下,看起来效果很好)。

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

答案 31 :(得分:0)

您可以使用易于安装和使用的Firefox Markdown Viewer插件。

答案 32 :(得分:0)

这个php查看器提供了响应支持和一些自定义选项。

答案 33 :(得分:0)

仅供参考,Calibre电子书查看器可以很好地解析降价文件并显示它们。

安装完口径后,只需ebook-viewer myfile.md