zoukankan      html  css  js  c++  java
  • MARKDOWN -- 让文字炫出来

    认识 MARKDOWN

    导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。

    目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站(例如 简书)也支持了 Markdown 的文字录入。Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格式的文件用来网站发布,也可以十分方便的导出 PDF 格式,这种格式写出的简历更能得到 HR 的好感,甚至可以利用 CloudApp 这种云服务工具直接上传至网页用来分享你的文章,全球最大的轻博客平台 Tumblr,也支持使用 Mou 这类 Markdown 工具进行编辑并直接上传。本网站的文字录入也是支持 Markdown 语法的。

    Markdown 语法的简要规则

    标题

    title

    标题是每篇文章都需要也是最常用的格式,在 Markdown 中,如果一段文字被定义为标题,只要在这段文字前加 # 号即可。

    # 一级标题

    ## 二级标题

    ### 三级标题

    以此类推,总共六级标题,建议在井号后加一个空格,这是最标准的 Markdown 语法。

    列表

    熟悉 HTML 的同学肯定知道有序列表与无序列表的区别,在 Markdown 下,列表的显示只需要在文字前加上 - 或 * 即可变为无序列表,有序列表则直接在文字前加 1. 2. 3. 符号要和文字之间加上一个字符的空格。

    list

    引用

    如果你需要引用一小段别处的句子,那么就要用引用的格式。

    > 例如这样

    只需要在文本前加入 > 这种尖括号(大于号)即可

    cite

    图片与链接

    插入链接与插入图片的语法很像,区别在一个 ! 号

    插入图片的地址需要图床,这里推荐 CloudApp 的服务,生成URL地址即可。

    link_img

    粗体与斜体

    Markdown 的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文本就是斜体的语法。

    例如:这里是粗体这里是斜体

    表格

    表格是 Markdown 比较累人的地方,例子如下:

    | Tables        | Are           | Cool  |
    | ------------- |:-------------:| -----:|
    | col 3 is      | right-aligned | $1600 |
    | col 2 is      | centered      |   $12 |
    | zebra stripes | are neat      |    $1 |
    

    这种语法生成的表格如下:

    | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 |

    代码框

    如果你是个程序猿,需要在文章里优雅的引用代码框,在 Markdown 下实现也非常简单,只需要用两个`把中间的代码包裹起来,如 `code` 。图例:

    code

    使用 tab 键即可缩进。

    分割线

    分割线的语法只需要另起一行,连续输入三个星号 *** 即可。

    视频音频

    可惜Markdown不支持添加视频... 不过任然可以用 html 的 video 标签来添加视频,格式如下:

    <video id="video" controls="" preload="none" poster="http://media.w3.org/2010/05/sintel/poster.png">
          <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
          <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm">
          <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
          <p>Your user agent does not support the HTML5 Video element.</p>
    </video>
    

    小结

    到这里,Markdown 的基本语法在日常的使用中基本就没什么大问题了,只要多加练习,配合好用的工具,写起东西来肯定会行云流水。更多的语法规则,其实 Mou 的 Help 文档例子很好,当你第一次使用 Mou 时,就会显示该文档,其次,你也可在撰写过程中,使用 CMD+R 快捷键来快速打开文档,以随时查阅和学习语法。

     mou

    与 Markdown 相关的一些推荐

  • 相关阅读:
    MBR记录
    execute,executeQuery,executeUpdate的区别是什么?
    JDBC访问数据库的基本步骤是什么?
    什么是JDBC,在上面时候会用到它?
    int 和 Integer 有什么区别
    String和StringBuffer、StringBuilder的区别是什么?String为什么是不可变的
    final finally finalize区别
    Java有哪些基本数据类型
    面向过程和面向对象的区别
    JDK,JRE,JVM三者关系
  • 原文地址:https://www.cnblogs.com/andy-0212/p/10000587.html
Copyright © 2011-2022 走看看