美文网首页网页iOS 技术文集
写在网页中的Markdown

写在网页中的Markdown

作者: 板板砖之怒 | 来源:发表于2014-10-24 12:48 被阅读2256次

    李庶民的分享-让网络中的文字更加"易读易写"-Markdown


    写在前面-关于我理解的分享。##

    我认为,我们的分享就像旅游。我们的分享和旅游其实有许多共通的地方,所谓的旅游,用一句话来说,就是花钱去看看别人住烦了的地方

    我觉得我们的分享也应该是这样的,当然前提是不用花钱。所以我认为,不论我还是我们做的分享,只不过是把别人工作中的用烂了的东西拿来开心一下罢了。比如老马分享的ERP,比如张静分享的催眠术,比如你们在我来之前分享的关于运营的一本书,比如我要分享的Markdown。

    我认为,一个分享应该是具备以下特征的。即简单、有趣、实用、干货。更好的是小而美

    以下内容来自网络搬运。

    概览-关于我要做的分享

    1. Markdown是什么。
    2. Markdown能用来做什么。
    3. 学习一点简单Markdown。

    我不敢往自己头上扣一个GEEK的高帽子,但是我觉得,咱们现在所说的互联网思维只是精明的资本家,将GEEK精神转换为资本的一种体现。我觉得,真正的互联网思维的本质,应该是一种GEEK精神。而Markdown,才是真的GEEK精神的一种产物。Markdown是帮助有思想的人或者是互联网从业者在网络上表达思想的工具。它的语法表达是如此的简单和优秀,用它产出的文本是这样的赏心悦目。

    1、Markdown是什么-宗旨-易读易写

    Markdown 的目标是实现易读易写。无论如何,一篇文章也好、WORD、PPT也好都是要给人看的,较强的可读性其实是一篇优秀文档的关键因素。一份使用Markdown撰写的文档应该是直接可以以纯文本格式发布,并且看起来不会像是有许多标签或是格式指令所构成,其最大的灵感来源其实是纯文本的电子邮件的格式。

    关于Markdown和HTML,Markdown语法的目标是成为一种适用于网络的书写语言。
    Markdown的语法种类非常少,只能取代HTML标签的一小部分。Markdown与HTML标签有着截然不同的理念和用途,HTML是一种发布的网页的超文本标记语言的格式,但是Markdown则是单纯的想让文档,更容易读、写和随意修改。Markdown是一种书写的格式,它的语法只是涵盖纯文本可以涵盖的范围,比如加粗倾斜 、标题、简单的有序或者无序列表等。可以说MARKDOWN就是为写作而生

    我们在用电脑写作的时候会遇到的难题

    1. 难以专心:在用WORD写作的时候,我们经常浪费大量的时间在WORD本身身上,特别是各种排版、加粗倾斜、背景等等。而并不是将精力放在我们想要表达的文字上面。我们在WORD中的表达也经常需要结合鼠标去点击各种各样的版式。如果说我们用键盘录入是在给电脑说话的话,用鼠标点击则更像是用一支笔在纸上画图。
    2. 语法以及版本跟踪:我们不光有OFFICE系列还有WPS系列,甚至低版本的OFFICE系列也经常和高版本的发生各种各样不愉快的事情。在我的理解里面Word和EXCEL更多的是用来编辑而不是用来阅读。我们也会遇到一篇用OFFICE编辑的文档如何在MAC和LINUX下阅读的难题,我们难以记录一篇文档保存修改保存修改了多少次,想让别人帮我们修改文档一起协同工作更是不知道要在原文档上衍生出多少个版本出来。

    Markdown的优点

    1. 纯文本,兼容性极强,可以用所有的文本编辑器打开。
    2. 让你专注于文字,而不是排版。
    3. 格式转换方便,Markdown的文本可以让你轻松转换为HTMl、PDF、电子书等。
    4. Markdown语法和文本排版有极好的可读性

    2、Markdown能用来做什么

    Markdown就是用来写文本的,但是是几乎所有网络上所能见到的文本。即便Markdown并不擅长画图表和插入图片,但是用Markdown的扩展也可以完成EXCEL中的报表和表格。借助协同工作和版本控制的特性,豆瓣上有网友用甚至Markdown来批改作文

    网友总结的Markdown的用途。

    1. 管理文本创作和笔记。
    2. 建立自己的知识库和笔记。
    3. 写日记杂文,所见所想
    4. 疯狂的写博客。
    5. 经常看到的,技术文献,技术文档等。
    6. 撰写学术论文,LaTeX公式支持。

    总之,Markdown几乎可以用来写所有在网页上我们能见到的文档和文档类型。

    3.学习一点简单的Markdown

    上面说了一大堆,都是些没用的东西,因为就Markdown本身而言,它实在是太简单了。以下这些是一些简单的Markdown的语法,用这些语法,经过一点练习,就能写出漂亮的文档来了。

    标题的标注方法

    # #             一级标题        <h1>
    ## ##           二级标题        <h2>
    ### ###         三级标题        <h3>
    #### ####       四级标题        <h4>
    ##### #####     五级标题        <h5>
    ###### ######   六级标题        <h6>
    

    井号后面需要有一个空格,这是一种语法规则。可以参考上面的标题语法。一级标题对应HTML中的h1标签,以此类推。

    列表

    -               无序列表        <ul><li></li></ul>
    1.              有序列表        <ol><li></li></ol>
    
    • 这就是一个无序列表。可参见上面的格式。

    代码块

    <html>
        <title>
            <style>
            </style>
        </title>
        <body>
            <div id="onediv">
            </div>
        </body>
    </html> 
    

    我们用一个制表符TAB向后缩进,可以用来插入一个代码块,或者一段不被语法控制的文本。

    链接和图片

    插入链接的语法

    [显示文本](链接地址)
    [百度](http://www.baidu.com)
    

    插入图片的语法

    ![](图片的链接地址)
    ![](http://www.meituan.com/meituan.jpg)
    

    引用语法

    这是一个引用语法。

    产生的效果如上所示,语法见下方的代码块。

    >
    

    粗体和斜体

    样式展示比如:粗体展示斜体展示

    ** **       粗体      <b></b>
    * *         斜体      <i></i>
    

    其他更多可参考的语法或资料

    1. 可参考的Markdown高级功能
    2. Markdown语法说明简体版
    3. 美团内网的Markdown WiKi
    4. 更多的Markdown资料

    在网页上可以使用Markdown的语法的地方。###

    1. 简书
    2. CMD-Markdown

    最后的

    比较重要,可能有点用的东西,Markdown这种语法貌似可以用来写美团内网的WiKi,技术部门的WiKi貌似就是用这个东西写的。

    所以就像一开始说的那样,分享就像旅游,当然不是到别人住烦的地方去转一圈。只不过是把别人用烂的东西,拿来开心一下。

    谢谢~


    相关文章

      网友评论

      • 89ec3207be7f:说了这么多。。能给个怎么把简书的网页版切到markdown么????。。。。。
      • LostAbaddon:哈哈,转给Markdown的Newbie们~~

      本文标题:写在网页中的Markdown

      本文链接:https://www.haomeiwen.com/subject/gogptttx.html