美文网首页
与Markdown邂逅

与Markdown邂逅

作者: 咔利玛咪哄 | 来源:发表于2016-08-29 17:42 被阅读0次

    当我第一次看到Markdown语言时,对其的认知是不屑的,因为我觉得他的作用性小的可怜,但开始准备在自己学习的过程中留下成长笔记时,才开始意识到他的在于分享和描述上的作用之大。第一次见面不太顺眼~~后来关系密不密切我不知道。但愿别走太远。。第一次写文请大家多多包涵。
     写下初衷:只是在不得不学的路上,发现留下笔记的方式学的轻松得多,也记忆深刻。所以开始写随笔分享干货,不知道能坚持多久,但愿长久。大家看与不看都不要紧,只是为了自己留下笔记的同时,能多分享给别人就分享点。
    好吧!先拿这个简单要死的家伙开刀!对于那些喜欢用简书、gitHub等分享,这是需要我们开始掌握的家伙之一。

    Markdown 是一种轻量级的【标记语言】,本文讲述的是通常下的对markdown的认知。

    一、认识Markdown

    它用简洁的语法代替排版,我们不再使用字处理软件Word或者Pages有大量的排版,我们要的是什么呢?只需要认真完成字的编译。我们可以通过Markdown语法完成插图、格式的设置。当我们掌握Markdown时这一切我们都可以通过键盘来完成。Markdown导出的格式有很多:比如PDF、HTML等。其越来越得到了广泛流传。

    二、使用Markdown的优点

    1、我们只需要在书写的过程中完成排版样式。

    2、导出格式优秀:PDF、HTML和本身的.md文件

    3、直观、易学习

    4、markdown兼容html,我们可以通过html在markdown中编写

    三、使用工具

    本文的操作就是在web端简书这款产品中完成的。同样其支持左右俩边的实时预览。
    如需了解其他的Markdown编辑工具请查阅度娘

    四、Markdown语法的简要规则

    基本符号

    *,-,+ 3个符号效果都一样,这3个符号被称为**Markdown符号**
    
    空白行表示另起一个段落
    

    斜体和粗体

        **在文字的前面加俩个来表示粗体**
         *在文字的前面加俩个来表示斜体*
    

    标题
    是每个文章所需要的常用格式 Markdown利用 #来实现标题

    一级标题

    二级标题

    三级标题

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

    列表
    熟悉HTML的同学肯定知道无序列表和有序列表的区别,Markdown下列表纸需在文字前面加上-或者*变成无序列表(和后面的文字有个空格),有序只需在文字前加
    1. 或者2. ,记得加1、和后面文字中间加空格。

     1. 有序列表1
     2. 有序列表2
     3. 有序列表3
    * 无序列表1
    - 无序列表2
    

    代码

    我们用tab键上的三个`来表示代码块 前后闭合,当然也可以通过三个tab键来实现
    

    我们用一个tab键上`的点键来表示行内代码 前后闭合

    行内代码样式

    这个俩种方式分别对应html的code,pre标签

    <html>
    三个tab键来实现代码块,每行都要有三个tab键
    </html>
    

    引用

    > 引用用>来表示写在文字前面,一级
    >> 二级引用,在文字前面加俩个>
    >>> 三级引用 加三个>
    

    引用用>来表示写在文字前面,一级

    二级引用,在文字前面加俩个>

    三级引用 加三个>

    分隔符
    用上面提到的#,,_三个Markdown基本符号任意一个
    组成三个或者三个以上实现分隔符 ,尽量用
    来编写,因为#和_可能会编辑成标题,当然我们可以在加分隔线时前后给他们都空一行



    注意

    1. 如果你想不用Markdown时可以使用反斜杠来实现
      这样我们就可以在文本中显示*此段文字没用Markdown语言*
      你会发现上面的文字没用变成倾斜的。
    \*此段文字没用Markdown语言\* 
    

    2.Markdown语法会忽略首行开头的空格,如果要体现出首行开头空两个的效果,可以使用全角符号下的空格,windows下使用shift+空格
    切换。
    3. 用~~来表示删除符

    这段文字被删除

    4.如果你发现你的操作符号不起作用,你可试一下空格一行再开始
    5.这是一个注脚测试[^footer1]



    链接

    1. 行内式链接
      Baidu
      [] 代表链接上的显示文字 (Url+'title') title为你悬停链接时的显示
      这就是我们常用的地址:Baidu
      地址:Baidu

    2. 外链式链接
      这就是我们常用的地址:[Baidu][1]
      [1]:www.baidu.com "百度一下,你就知道"
      这就是我们常用的地址:[Baidu][1]
      [1]:www.baidu.com "百度一下,你就知道"
      俩者的区别

    参考式链接和行内链接的效果是一样的,各有利弊。行内连接清晰易懂,可
    以清楚的知道链接的地址,但是不便于多次利用。参考式链接可以重复使
    用,但不能即刻知道链接的地址。
    

    图片

    注意的是写链接时不要写入空格

    使用![Alt text](/path/to/img.jpg "Optional title")
    导入图片。其中:
    Alt text
    为如果图片无法显示时显示的文字;
    /path/to/img.jpg
    为图片所在路径;
    Optional title
    为显示标题。显示效果为在你将鼠标放到图片上后,会显示一个小框提示,提示的内容就是Optional title
    里的内容。
    

    实现图片:


    MarkdownMarkdown

    实现代码:

    ![Markdown](http://images.cnitblog.com/blog/404392/201501/122257231047591.jpg "dfdf")
    

    实现图片:


    mdmd

    实现代码:

    ![md](http://img02.tooopen.com/images/20141231/sy_78327074576.jpg)
    

    表格

    姓名 性别 联系方式
    张三 2324434
    张三 2324434
    ------:为右对齐。
    :------为左对齐。
    :------:为居中对齐。
    -------为使用默认居中对齐。
    
    | 姓名 |   性别    |   联系方式    |
    | ----: |:------: | :---------: |
    | 张三  |  男   |  2324434 |   
    | 张三  |  男   |  2324434 |    
    
    每个Markdown解析器都不一样,可能左右居中对齐方式的表示方式不一样。
    

    对于Markdown的基础日常用到的语法大概这些,对于一些高层次技巧有学习后与大家分享。

    相关文章

      网友评论

          本文标题:与Markdown邂逅

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