markdown语法之链接和图片

古城微笑少年丶 2021-11-17 09:58 359阅读 0赞

1.  行内式链接：方括号中是链接文字，方括号后紧跟的圆括号内是地址（可以是网络地址或者主机的相对地址），网址后空一格双引号引起来的是title文字。title文字可以可以不写。
    
    >     [我的博客](https://blog.csdn.net/qq_33229669 "我的博客")
    
    显示为（鼠标在链接文字上悬停能看到title文字。）
    
    > [我的博客][Link 1]
2.  参考式链接：参考式链接不在链接文字后直接写出，而是使用标记代表网站链接。下方代码中中的`[id]`就是一个链接标记。链接标记需要定义。其定义位置比较灵活。但是推荐放到文章最后或者最前。以方便查阅和修改。
    
    >     [我的博客][id]
    >     
    >     [id]:https://blog.csdn.net/qq_33229669 "我的博客"
    
    显示为
    
    > [我的博客][Link 1]
    
    参考式链接的链接标记的定义：
    
     *  方括号。括号内写标记名称。
     *  紧接着冒号（注意是英文冒号）。
     *  紧接着冒号写地址。
     *  地址后空一格写title文字，title文字可以不写。
     *  title文字可以用双引号、单引号或者圆括号包围。
     *  地址可以用尖括号包围，也可以不用尖括号。
     *  注意！链接标签不区分大小写。
3.  图片插入
    
     *  图片插入的格式是在链接的基础上进行变化，并且同样有行内式和参考式。不同点：
        
         *  参考式的图片插入处和行内式开头要写‘!’（英文标点）。但是链接标记定义不需要。
         *  方括号内的链接文字不会显示，而是会被图片替换。
        
        >     ![picture1](https://img-blog.csdnimg.cn/2019073016091727.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMjI5NjY5,size_16,color_FFFFFF,t_70)
        >     
        >     ![picture2][pic2]
        >     
        >     [pic2]:https://img-blog.csdnimg.cn/2019073016091727.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMjI5NjY5,size_16,color_FFFFFF,t_70"我的微信公众号"
        >     
        >     [外链图片转存失败(img-aZHcCZ2Q-1564473132457)(diamond.jpg)]
        
        显示为(由于有的引用的是网络地址，所以需要联网才能看到图片。当然还得服务器一直保存着这张图片。)(第三张图片为本地图片，保存在与本文档同一路径下，并且文件名为“diamond.jpg”。)
        
        > ![picture1][]
        > 
        > ![picture2][picture1]
        > 
        > \[外链图片转存失败(img-QbIxb1Q2-1564473132461)(diamond.jpg)\]
4.  自动链接：可以直接将网址链接到其所表示的网页。只需要将网址用尖括号括起来。
    
    >     <https://blog.csdn.net/qq_33229669/>
    
    显示为
    
    > [https://blog.csdn.net/qq\_33229669][Link 1]

[Link 1]: https://blog.csdn.net/qq_33229669
[picture1]: https://img-blog.csdnimg.cn/2019073016091727.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMjI5NjY5,size_16,color_FFFFFF,t_70