『markdown』入门语法介绍

作者: dejunz | 来源:发表于2016-08-29 17:42 被阅读306次

    如果想在网上发发文章,写写博客,那么markdown是非常推荐的一门语言,文字工作者,IT从业者等等都可以花一点时间来学一学,语法简单,使用灵活。

    什么是markdown

    抛开那些严谨的官方定义,我个人理解markdown就是一种简易的语言,可以舒服的书写及排版文本文字。
      可以用一些规定符号对文字方便的进行格式化和排版,读写都很方便。
      markdown是兼容HTML的,这就能实现很多炫酷的样式啦,搞过前端的朋友肯定很熟悉。

    markdown语法介绍

    1. 标题

    markdown中如何表示标题呢,比如此篇开头的标题:

    什么是markdown

    实现标题效果,只需要:

    #标题名

    可以输出1-6个#来对应1-6级标题(其中1级标题字体最大,6级标题字体最小)。


    2.引用

    学会了标题,有人可能奇怪文章头部以及标题语法中的那种引用区是如何实现的。想要实现引用区,只需要在文字前加入>号:

    >曾梦想仗剑走天涯
    >看一看世界的繁华

    当然你不用每行都加上>,只需要第一行首写一个就能作用整个段落,如下:

    >曾梦想仗剑走天涯
    看一看世界的繁华

    效果相同。


    3.列表

    • 无序列表:
    • Java
    • JavaScript
    • Python

    想要实现无序列表,需要*+空格+表项,注意*和表项中间是有个空格的:

    * Java
    * JavaScript
    * Python

    • 有序列表:
    1. Java
    1. JavaScript
    2. Python

    实现有序列表,只需要将无序列表中*位置替换成数字+句点,即数字+句点+空格+表项。


    4.代码区

    如果你的文章需要插入代码,那么就要用到代码区块了,效果是这样的:

    String helloMarkDown = "hello markdown";
    
    public void deJunz(String words){
        System.out.println(words);
    }
    
    deJunz(helloMarkDown);//hello markdown
    

    想要插入代码,只需要在你插入的每行代码前输入四个空格或一个制表符即可,记得要在每行前都缩进,不然会打乱排版。

    嫌麻烦?还有一种写法,通过反引号`来标识代码首尾:

    首尾使用一个反引号:
    String helloMarkDown = "hello markdown"; public void deJunz(String words){ System.out.println(words); } eJunz(helloMarkDown);//不缩进,一个反引号包含首尾(2个效果相同)

    首尾使用三个反引号:

    String helloMarkDown = "hello markdown";
    public void deJunz(String words){
        System.out.println(words);
       }
    eJunz(helloMarkDown);//不缩进,三个反引号包含首尾
    

    可见使用三个反引号时效果与首行缩进相同。


    5.字体的斜体和加粗

    写文章难免需要特殊标记一些文字,比如在上面就能看到一些我加粗的重点文字。

    • 字体倾斜:

    我斜啦

    斜体可以使用一对*或者_来包裹目标文字:

    *我斜啦*
    _我斜啦_

    • 字体加粗

    我粗啦

    粗体可以使用一对**或者__来包裹目标文字,相比斜体多了一个特殊符号:

    **我粗啦**
    __我粗啦__

    用*或_号的效果相同的,随便选择。


    6.图片和链接

    • 插入图片:

    一般的markdown编辑器的工具栏都有图像化插入操作界面,这里重点介绍下通过语法进行对图片链接进行引用。

    语法如下:

    ![图片介绍](url)

    即,叹号+左方括号+描述文字+右方括号+左小括号+链接+右小括号。

    通过url显示我的头像,写法如下:

    ![我的头像](myURL) //myURL就是我头像所在网址,太长在这里简写

    效果如图:


    我的头像

    还有一种引用方法,是先定义图片的id,再进行引用,这两种方法最终都会生成相同的markdown语句,本质是相同的,有兴趣的朋友自己去学习下另一种方法吧,这里不介绍了。

    • 链接:

    会了引用图片,链接就简单多啦,语法如下:

    [显示文本](url "鼠标指向提示信息")

    可以看出,相比图片,少了一个!,但是小括号里多了一个属性,与url通过空格隔开,这个属性的作用是在你鼠标停在链接上时会弹出提示信息,注意,这个属性是可选的,写成如下形式也可以:

    [显示文本](url)

    这里会链接到我的文章列表:deJunz文章列表

    写法:

    [deJunz文章列表](URL "dejunz")


    Tips

    下面是我在使用markdown的一些经验:

    1. 转义

    有时候我们想单纯打出*[\等功能字符,这是时就需要用到了转义字符\,通过\*就能以文本形式显示出特殊功能字符。

    2. 空格

    markdown中如何打空格

    表示一个空格

    3. 列表和标题一起使用
    • 如果标题栏正好是一系无序列表,那么先输入*再输入#,不然无法正确识别。
    • 刺客信条

    写法为:

    * ###### 刺客信条

    • 若标题为有序列表
      则应先输入#再输入数字和句点。
      若先输入数字和句点再输入#号,可能会这样:
    1. 无主之地

    发现数字没有和文本统一格式大小,显然这影响阅读。

    正确写法:

    #### 1. 无主之地

    效果:

    1. 无主之地

    4. 分隔线

    使用连续的* _ -三种字符绘制分隔线,效果相同,如下:


    5. 段内代码块

    如果想达到这种段内代码块效果:

    飞雪连天射白鹿

    只需要用单个反引号将目标文字首尾包含。

    写法:

    飞雪`连天`射白鹿

    6. 兼容HTML

    markdown兼容HTML(一些操作直接是生成HTML显示的)。

    比如换行操作直接输入:

    <br />

    就可完成换行操作。

    <br /><br />


    文章内容为个人理解,如有错误欢迎指出。

    邮箱:CodingDjz@126.com

    相关文章

      网友评论

        本文标题:『markdown』入门语法介绍

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