CSDN的Markdown编辑器的常用语法

  CSDN提供了专属的Markdown编辑器,该编辑器功能强大,轻松实现图文混排,具体包括文字、图片、公式、UML流程图等,但本文只讲文字、列表、引用、链接等基本且常用的,至于公式编辑以及UML流程图等内容则放在另一篇博文里讲。

标题等级

  标题默认分为六级,可以用在文字前加入一定数量的“#”再接上空格来区分,星号数量越少,标题字体越大。下面给出了代码,为了不影响自动生成目录,所以效果没有直接在文中展示,而是使用了一张效果图。
  代码:
  # 一级标题
  ## 二级标题
  ### 三级标题
  #### 四级标题
  ##### 五级标题
  ###### 六级标题
  效果如下:

换行和空格

  • 换行
      回车换行和Word中无区别,都是会生成一个新的段落。建议在要用一个Markdown标签开始新的内容时,先回车换行,这样可以减少标签之前的影响。
  • 空格
      笔者没有发现Markdown中有标签实现空格,但曲线救国,可以用HTML中的空格转义符“ ”或者用输入法实现:一般是按“shift+Space(也就是最大的空格键)”将输入法切换到全角状态,然后需要几个“空格”就按几次Space键,这里的“空格”在中文状态代表一个汉字的空间,英文状态下代表两个英文字符的空间。

列表

  列表分为无序列表和有序列表。文中出现的圆黑点表示的就是无序列表,而有序列表一般表示事项之间存在先后顺序或计数用。另外,列表可以嵌套使用,但新一级列表总是按Tab键缩进后开始,同时无序列表内部可以包含有序列表。

  • 无序列表
      无序列表和下面的有序列表标题本身就是一级无序列表,无序列表用“- ”开始,注意:连接符后有一个空格
  • 有序列表
      有序列表是以“1. ”这样带点的数字开始的,注意:在“.”后面有一个空格;第2项也并不非得用“2. ”来开始,系统默认只要是数字带点加空格开始的都会默认转成按正确的顺序显示。
      示例代码:
    1. 这时有序表和无序表嵌套使用的例子,同时也反映了一些使用特点。
    128. 我这里用的是“128. ”哦,但你可以看到并不影响使用效果。
    - 先嵌套个无序列表
    - 无序列表的一个事项
    - 那么在无序列表中嵌入有序列表呢?
        1. 真的可以实现无序列表里嵌入有序列表呢
        2. 这是有序列表的第2条,但要注意类似于2017. 4. 11这种数据开头可能会出问题哦。比如下面
        2017. 4. 11,那天一个小生命诞生啦。
        2018. 是吧,上面的年份消失不见了。这是因为“2017. ”被当做了有序标识,这时我们可以使用转义字符,将点号“.”写成"\.",比如:
        2017\. 4. 11,这回没出问题吧。现在回到第一级有序列表
    11. 尝试结束,从中我们可以看到列表是能嵌套使用的。

  效果如下:

  1. 这是有序表和无序表嵌套使用的例子,同时也反映了一些使用特点。
  2. 我这里用的是“128. ”哦,但你可以看到并不影响使用效果。
    • 先嵌套个无序列表,无序列表开始了
    • 无序列表的一个事项
    • 那么在无序列表中嵌入有序列表呢?
      1. 现在开始了有序列表哦,但要注意类似于2017. 4. 11这种数据开头可能会出问题哦。比如下面
        1. 11,那天一个小生命诞生啦。
      2. 是吧,上面的年份消失不见了。这是因为“2017. ”被当做了有序标识,这时我们可以使用转义字符,将点号“.”写成”.”,比如:
        2017. 4. 11,这回没出问题吧。现在回到第一级有序列表
  3. 尝试结束,从中我们可以看到列表是能嵌套使用的。

代码嵌入

  • 行内代码
      行内代码是指一行文字中特别显示出的代码内容,它存在与一般英文字符串不同的外框标识,就像这样printf( )。它是由 ` 这个用键盘Tab键上面那个带波浪线的键在英文状态下敲出符号将输出函数括起来的产生的。代码:
    `printf()`
  • 区块代码
      区块代码是将代码部分单独放在一起,形成一块区域,可以在文中干净整洁地呈现自己的代码对于程序员博客来说是很有必要的。其实上面的给的如何在嵌入行代码的代码示例就是个区块代码应用,只是那并非我们常规的编程语言代码,而只是以区块代码实现的一般代码。区块代码与前面的主要区别在于后者是前后用三个 ` 右点号括起来的,在第一次三个右点号结束的时候可选择性地注明所用编程语言。
      代码
    区块代码示例
      效果如下:
    #include<stdio.h>
        int main(){
        printf("Hello world");
        return 0;
    }

文本格式化

  • 斜体 斜体提供了两种方式
      *斜体*   我是单星号限定的斜体
      _斜体_  我是下划线限定的斜体
  • 强调 强调提供了两种方式
      **文字**  我是双星号限定的强调
      __文字__  我是双下划线限定的强调
  • 强调并置斜 它是把前面两种糅合在一起
      ***文字***  我是被三星号限定的强调并置斜
      ___文字___  我是被三下划线号限定的强调并置斜
  • 下划线
      <u>文字</u>  这里的下划线使用HTML标签实现的
  • 删除线
      ~~ 待删文字 ~~   这里待删文字两边分别只有两个连续的波浪线,紧挨着的空格都要删掉。

插入图片

  • 插入网络图片:![丢失代替名](图片网络地址 图片名称)

    ![网络图片](http://pic.sc.chinaz.com/files/pic/pic9/201505/apic11963.jpg "网络图片")

    网络图片

      显然上图太大致使页面失去平衡感,如果想要限制图片的大小,那最好使用HTML的img标签,格式为:<img src=”图片链接地址” width= 450 alt=”图片丢失描述” align=”center”>,其中只限制图片宽度为450,高度会根据比例自动变化。以上面的网络图片为例:

<img src="http://pic.sc.chinaz.com/files/pic/pic9/201505/apic11963.jpg " width=250 alt="网络图片" align="middle"> 

  网络图片

  • 插入本博客图片  当然前提是先上传了图片到博客空间使其变成一张网络图片,然后在像插入网络图片一操作。

    ![本博客图片](https://img-blog.csdn.net/20170409040807543?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQTM2NTY3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast "本博客图片")
    

    本地图片

插入链接

  • 网址链接  
      网址链接是用<a>网址</a> 或者直接给出,但需要注意的是这种情况下必须给出网址的“http://”前缀;邮箱链接则一对尖括号将其括起来。
      标签形式<a>http://www.baidu.com </a>:http://www.baidu.com
      直接给出的例子:http://www.xgate.top
      邮箱链接<youremail@qq.com>:youremail@qq.com
  • 文字链接  [提示](网址)
      [百度网址](http://www.baidu.com): 百度网址
  • 图片链接  [![丢失代替名](图片地址 “图片名称”)](图片将要导向的地址)

    [![本地图片](https://img-blog.csdn.net/20170409040807543?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQTM2NTY3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast "本博客图片")]\(http://www.baidu.com)

    导向百度搜索的链接

引用

  引用一般分文行内引用和块引用,行内引用通常用与正文不同的字体来区分(比如楷体),而且还会打上必须的引号;而块引用则以段落的形式出现,甚至单独成为文章一部分。在markdown标准里并没有提供专门的设计字体的标签,一般借用HTML的标签在CSS中加以渲染。本文讲的是如何实现以段落的形式进行块引用。

  • 单层引用
      单层引用的方式是先空一行,再以“>”打头开始写引文,下面引用的是一段尼采的话,用的就是这种方式。
  • 多层引用
      多层引用通常只是为了体现层次感,并非真的是多层引用,它有点类似于项目与事件的关系。实现多层引用,只用在比上一级引用多写一个“>”,也即第二层引用可以是“>>”。
    示例代码:
> 这是一级引用
>> 这是二级引用
>>> 这是三级引用
>>> 继续三级引用

>> 回到二级引用
>> 继续二级引用

> 回到一级引用

> 跳出本级引用怎么做呢?

在本级引用后连续两次回车换行就可以,比如你所见到的这样。

  效果如下:

这是一级引用

这是二级引用

这是三级引用
继续三级引用

回到二级引用
继续二级引用

回到一级引用

跳出本级引用怎么做呢?

在本级引用后连续两次回车换行就可以,比如你所见到的这样。

分割线

  • 分割线
      分割线一般作为章节划分使用,可以用连续三个及以上“*”或“-”或“_”来产生,它们产生的效果如下。注意:这三个符号不能混用,建议用“*”。分割线效果如下:

标注

  • 脚标
      脚注通常作为引用文献标记出现,脚注内容则出现在文章末尾。比如转义字符1,我的主站2,甚至不用数字标号,比如百度首页3,然后我们再回到数字标号,比如知乎4。为了方便,这里脚注的都是对应的网址,甚至是主机的回环地址5
      可以看到这里的脚注标记内容[^脚注]仅仅起个标记作用,让它和文末的参考文献联系起来;而标记内容不仅可以是随便的字符,甚至也不用关心这些脚注内容在文章末尾的排列顺序,文中会根据各脚标出现的顺序自动编号。比如在文章末尾,笔者就把知乎的脚注放在了第一位,但在文中它的编号仍然是4。
      下面就是上面两段文字的代码,脚注可以在文章末尾看到,同时每条脚注后面有一个回到原文的链接,这是很方便的。
    脚注通常作为引用文献标记出现,脚注内容则出现在文章末尾。比如转义字符[^1],我的主站[^2],甚至不用数字标号,比如百度首页[^3],然后我们再回到数字标号,比如知乎[^5]。为了方便,这里脚注的都是对应的网址,甚至是主机的回环地址[^7]。
    可以看到这里的脚注标记内容[^脚注]仅仅起个标记作用,让它和文末的参考文献联系起来;而标记内容不仅可以是随便的字符,甚至也不用关心这些脚注内容在文章末尾的排列顺序,文中会根据各脚标出现的顺序自动编号。比如在文章末尾,笔者就把知乎的脚注放在了第一位,但在文中它的编号仍然是4。
[^5]: 知乎:http://www.zhihu.com  

[^3]: 百度首页:http://www.baidu.com

[^1]: 转义字符:http://www.w3chtml.com/html/character.html

[^2]: 我的主站:http://www.xgate.top

[^7]: 回环地址:http://127.0.0.1
  • 注解
      注解是为文中出现的词汇进行解释的,不像前面的脚注可以作为参考文献使用,它主要在为文章中某些内容建立外链时使用,比如下面这个关于大冶市的描述。
    大冶,位于[湖北省][1]东南部,长江中游南岸,地处[武汉][武汉]、鄂州、[九江][jiu]城市带之间和湖北“冶金走廊”腹地,地跨东经114°31′—115°20′,北纬29°40′—30°15′。2013年,大冶市总面积1566.3平方公里,辖1个乡、9个镇、3个街道、1个国有农场。
[1]: http://baike.baidu.com/item/%E6%B9%96%E5%8C%97/173862?fromtitle=%E6%B9%96%E5%8C%97%E7%9C%81&fromid=210064
[武汉]: http://baike.baidu.com/item/%E6%AD%A6%E6%B1%89/106764
[jiu]: http://baike.baidu.com/item/%E4%B9%9D%E6%B1%9F/24612

  效果如下:
  大冶,位于湖北省东南部,长江中游南岸,地处武汉、鄂州、九江城市带之间和湖北“冶金走廊”腹地,地跨东经114°31′—115°20′,北纬29°40′—30°15′。2013年,大冶市总面积1566.3平方公里,辖1个乡、9个镇、3个街道、1个国有农场。

表格

  表格使用“|”来分割单元格,使用冒号“:”来指明对齐方式,冒号要和至少三个连接符“-”在一起使用。
  代码示例

|序号|姓名|性别|年龄|
|:---:|:---|:---:|---:|
|0|左对齐|居中对齐|右对齐|
|1|张三|男|22|
|2|李四|男|23|
|3|小红|女|22|  

  效果如下:

序号姓名性别年龄
0左对齐居中对齐右对齐
1张三22
2李四23
3小红22

目录

  • 插入目录
    目录可以用”[TOC]”所在的位置生成,它是依据标题的“#”个数分出层次的,通常是从第二级标题到第六级标题都会产生(只要有这一级标题)。需要注意的是:在[TOC]前面必须回车换行。CSDN博客默认在文章开头插入”[TOC]”,所以一般不用特意写这个字符串,这里为了演示效果,在下面一行插入它。

其他

  关于CSDN博客的Markdown编辑器中常见常用语法也可以参看这里的简明视频教程。至于公式编辑和UML相关图等内容后面会单独再写,对公式编辑有兴趣的可以参考下面链接。
  博文:http://m.blog.csdn.net/article/details?id=51482945
  网站:http://latex.codecogs.com

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值