在浏览器刷新时自动将markdown转换为html

时间:2013-05-25 11:38:57

标签: html automation markdown googleio

Paul Irish在googleio 2013期间对网络工具给出了一些惊人的见解。所以他提出了一些幻灯片,这些幻灯片已经从降价源解析为html,即 .md 文件。

然而令我感到惊讶的是,当他在chrome dev工具源面板中编辑幻灯片的源markdown然后点击刷新时,.md会自动再次编译成html以在浏览器上输出。现在我明白他在chrome dev工具中对markdown文件所做的更改也是在他保存在计算机上的本地文件中进行的,但是markdown文件在保存和刷新浏览器时是如何自动转换为html文件的?

我是markdown的完全初学者,我真的很想拥有这个功能。非常感谢任何帮助

3 个答案:

答案 0 :(得分:3)

降价的全部目的是它具有人类可读性和机器可读性。 设计可转换为HTML。

根据您使用的语言,有标记解析器为您创建HTML。

例如,for PHP

因此,举例来说,要让您的服务器显示say homepage.md的内容,您的index.php文件可能会包含以下内容:

$filename = $_GET['file'];
$content  = markdown( file_get_contents( "path_to_markdown/{$filename}.md" ) );
print $content;

而且,要在浏览器中查看,请转到example.com/?file=homepage

答案 1 :(得分:1)

我会尽力回答这个问题。

HTML Mark down是一种简写语法,可由Web浏览器解释为以html格式化或呈现页面。

这取自Stack Overflow。 例如

  

语法基于电子邮件程序的方式   通常做报价。你不需要硬包装   您的块引用中的段落,但如果您这样做,它看起来会更好。取决于你的懒惰程度。

所以,就像从记事本++中的文件从文本转换为html一样。该文件将使用该特定语法的基本规则进行格式化。

还必须记住,程序不是读者。如果降价代码无效,则相应的html代码也不会生效。就像保存一个“假定”格式为html的文本文件一样。如果语法不正确,它将不会保存为工作的html文件。

此外,降价不是真正代码的完全替代品。它无法涵盖真正的编码语言的广度和深度。我可以把它比作伪代码,但这更像是一个横向的例子。

在回答您的最新评论时,如果从第一个文件创建第二个文件(并且格式被更改) - (在这种情况下从标记到html) - 如果编辑了第一个文件,则不覆盖更改为第二个文件,它不能指望被改变。

这是SO给我的一个很好的联系:

https://stackoverflow.com/editing-help

如果我犯了错误,请随时编辑。

答案 2 :(得分:1)

我没有尝试过针对Chrome的此扩展程序,但它似乎会自动在Chrome中呈现markdown(.md)文件。

在Firefox中,我使用以下扩展名来实现相同的功能。

不需要单独的.html文件,只需保存扩展名为.md的文本文件,然后在浏览器中打开它。

希望有所帮助。