CSDN开篇--Markdown的使用

第一次在CSDN上写博客,有点无从下手的感觉,只能先开始研究如何让我的博客排版更好,写博客的速度更快,因为有一句话“现在的慢,就是为了以后的快!”。所以,充分的准备是一个好的开始必不可少的!

1. 整体布局

1.1 目录

用 `[TOC]`来生目录

1.2 标题

markdown支持两种形式的标题语法:Setex形式Atx形式

1.2.1 Setex形式

Setex形式是采用底线的方式,用”=”和”-“来完成的。(缺点是只能分两阶)

“=”表示最高阶标题

“-”表示第二阶标题

例如:

大标题
=

小标题
-

效果:

大标题

小标题

PS:此处的“=”和“-”数量是任意的,可以是一个,也可以是多个!

1.2.2 Atx形式

Atx形式是在首行插入1到6个#,分别对应到标题1到6阶。

如下所示:

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

效果:

一级标题
二级标题
三级标题
四级标题
五级标题
六级标题

注意事项:

  • Setex形式的标题这能表示标题1和标题2这两阶,而Atx形式的标题可以表示标题1~标题6。

  • 上面#与文本之间可以不输入空格,凭个人习惯。

  • 可以闭合Atx样式的标题,为了使文本更美观,在行尾加上#。(行尾的#无作用,行首的#数量决定标题的阶数)

2. 内容编写

2.1 字体

  1. 可以用代码对字体的属性进行编辑,格式如下:
    代码:
<font size=5>字号</font>
<font face="华文行楷">字体</font>
<font color=red>颜色</font>

效果:

字号
字体
颜色

  1. 可以用符号来修改字体
    代码:
1. *斜体* 或者 _斜体_
2. **粗体**
3. ***加粗斜体***
4. ~~删除线~~

效果:
1. 斜体 或者 斜体
2. 粗体
3. 加粗斜体
4. 删除线

2.2 反斜杠

Markdown可以利用反斜杠来插入一些在语法中有其它意义的符号。
例如:如果你想要用星号加在文字旁边的方式来做出强调效果,你可以在星号的前面加上反斜杠:

代码:

\*文本\*

效果:

*文本*

Markdown支持以下这些符号前面加上反斜杠来帮助插入普通的符号而非Markdown语法标签:

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井号
+   加号
-   减号
.   英文句点
!   惊叹号

2.3 脚注

代码:

生成一个脚注[^footnote].
[^footnote]: “脚注的内容”

效果:

生成一个脚注1.

2.4 引用框

2.4.1 引用

说明:引用需要在别引用的文本前加上>符号。

代码:

这是两行文字的引用

>人生得意须尽欢,莫使金樽空对月。
>
>天生我材必有用,千金散尽还复来。

效果:

人生得意须尽欢,
莫使金樽空对月。

天生我材必有用,
千金散尽还复来。

也可以偷懒,只在一段的开头加上”>”

代码:

>人生得意须尽欢,
 莫使金樽空对月。

>天生我材必有用,
 千金散尽还复来。

效果:

人生得意须尽欢,
莫使金樽空对月。

天生我材必有用,
千金散尽还复来。

2.4.2 多层嵌套

区块引用可以嵌套(例如:引用内的引用),只要根据层次加上不同数量的 >

>人生得意须尽欢,
>莫使金樽空对月。

>>天生我材必有用,
>
>千金散尽还复来。

效果:

人生得意须尽欢,
莫使金樽空对月。

天生我材必有用,

千金散尽还复来。

引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等

2.4.3 引用框连续

有时我们可能用到连续两个引用框,但是当我们想要连续输入两个连续的引用区块的时候,我们总是会想加上一个换行会不会就表示引用区块的结束呢?

也就是这样

>引用块一
>引用块二

我们会发现,这两个引用区块没有连接在一起的原因就是第一个引用区块并没有结束.那么我们如何结束第一个引用区块呢?

代码:

>引用块一

引用块二

效果:

引用块一

引用块二


   这段代码中,因为在第一个引用区块要结束的地方键入了换行符,因此会被渲染成这个区块已经结束了,但是如果我们这段代码后面还有'>'字符,那么这部分就会被渲染成一个引用区块,因此为了输入两个连续的引用区块,我们必须先结束第一个引用区块,然后再开始第二个引用区块.

具体的方法是:
1. 先输入第一个引用区块,然后键入空格,为了使系统认为我们第一个区块已经’完全’结束。
2. 我们需要再键入一个换行,然后键入一个全角空格,然后就可以继续使用’>’来开始第二个引用区块
具体代码如下:

>引用块一

 (此处左边为全角空格)
>引用块二

效果:

引用块一

引用块二

2.5 代码框

关于Markdown的代码语法,下面分为行内代码和代码区块两类。

2.5.1 行内代码

如果要标记一小段行内代码,你可以用反引号(就是跟~在一起的那个按键)把它包起来(`)即可。

2.5.2 代码区块

要在 Markdown 中建立代码区块很简单

  1. 只要简单地缩进 4 个空格或是 1 个制表符就。
  2. 在代码的开头和结尾各输入三个反引号(`)即可。
  3. 直接快捷键ctrl+K

注意事项:

在代码区块中,一般的 Markdown 语法不会被转换,像是星号便只是星号,即用两个星号将一句话包围起来也不会转化为强调,这表示你可以很容易地以 Markdown 语法撰写 Markdown 语法相关的文件,不用担心代码中包含一些特殊的Markdown语法标记。

2.6 超链接

Markdown 支持两种形式的链接语法: 行内式和参考式两种形式,行内式一般使用较多。

不管是哪一种,链接文字都是用 [方括号] 来标记。

下面两种语法形式都是允许的:

[链接文字](链接URL '可选的链接title')
[链接文字](链接URL "可选的链接title")

2.6.1 行内式链接

[]里写链接文字,()里写链接地址, ()中的”“中可以为链接指定title属性,title属性可加可不加。title属性的效果是鼠标悬停在链接上会出现指定的 title文字。[链接文字](链接地址 “链接标题”)’这样的形式。链接地址与链接标题前有一个空格。

代码:

不知道,找[度娘](https://www.baidu.com/)
不知道,找[度娘](https://www.baidu.com/ "百度")

显示效果:

不知道,找度娘
不知道,找度娘

2.6.2 参考式

  • 参考式链接分为两部分,文中的写法 [链接文字][链接标记],在文本的任意位置添加[链接标记]:链接地址 “链接标题”,链接地址与链接标题前有一个空格。

  • 如果链接文字本身可以做为链接标记,你也可以写成[链接文字][]

代码:

经常用到的网站[百度][a]、[google][b]和[搜狗][]
[a]:https://www.baidu.com/ "百度"
[b]:http://www.google.com "Google"
[搜狗]:https://www.sogou.com/ "搜狗"as

效果:
经常用到的网站百度google搜狗

2.7 列表

2.7.1 无序列表

使用 *,+,- 表示无序列表。
代码:

- 无序列表一
+ 无序列表二
* 无序列表三

效果:

  • 无序列表一
  • 无序列表二
  • 无序列表三

2.7.2 有序列表

有序列表则使用数字+英文句点+空格+内容。(数字可以任意)

代码:

1. 有序列表一
2. 有序列表二
3. 有序列表三
4. 有序列表四

效果:

  1. 有序列表一
  2. 有序列表二
  3. 有序列表三
  4. 有序列表四

2.7.3定义列表

定义型列表由名词和解释组成:一行写上定义,紧跟一行写上解释。
解释的写法:紧跟一个缩进(Tab)

代码:

1. markdown
2. :    轻量级文本标注语言(左侧有一个可见冒号和四个不可见空格)
3. 
4. 代码块
5. :    代码块的内容(左侧有一个可见冒号和四个不可见空格)
6.  
7.         代码块(左侧有八个不可见的空格)

PS:冒号是英文的

效果:

markdown
轻量级文本标注语言(左侧有一个可见冒号和四个不可见空格)
代码块

代码块的内容(左侧有一个可见冒号和四个不可见空格)

代码块(左侧有八个不可见的空格)

2.7.4 注意事项

(1) 如果列表条目间用空行分开,那么在输出时两个条目之间也会有一个空行,而且若有多个条目,只要其中有一个空行,输出结果时所有条目之间都会出现空行,保持一致性。
代码:

* 条目一

* 条目二
* 条目三

效果:

  • 条目一

  • 条目二

  • 条目三

(2)每个列表条目下都可以包含多个段落,但这些段落都必须缩进 4 个空格或 1 个制表符。

(3)如果要在列表条目内放进引用,那 > 就需要缩进

(4)如果要在列表项内放代码区块的话,该区块就需要缩进两次,也就是8个空格或是2个制表符

(5)避免产生不必要的列表项

例如:

1997. 这不是一个列表项。

这时,只要加一个反斜杠就可以了
代码:

1997\. 这不是一个列表项

效果:

1997.这不是一个列表框

后面会详细介绍反斜杠的作用。

3. 扩展

3.1 数学公式

使用MathJax渲染LaTex 数学公式,详见math.stackexchange.com.

  • 行内公式,数学公式为: Γ(n)=(n1)!nN
  • 块级公式:

x=b±b24ac2a

更多LaTex语法请参考 这儿.

3.2 UML图

可以渲染序列图:

Created with Raphaël 2.1.0 张三 张三 李四 李四 嘿,小四儿, 写博客了没? 李四愣了一下,说: 忙得吐血,哪有时间写。
Created with Raphaël 2.1.0

或者流程图:

Created with Raphaël 2.1.0 开始 我的操作 确认? 结束 yes no
  • 关于 序列图 语法,参考 这儿,
  • 关于 流程图 语法,参考 这儿.

3.3 表格

Markdown Extra 表格语法:

项目价格
Computer$1600
Phone$12
Pipe$1

可以使用冒号来定义对齐方式:

项目价格数量
Computer1600 元5
Phone12 元12
Pipe1 元234

3.4 快捷键

  • 加粗 Ctrl + B
  • 斜体 Ctrl + I
  • 引用 Ctrl + Q
  • 插入链接 Ctrl + L
  • 插入代码 Ctrl + K
  • 插入图片 Ctrl + G
  • 提升标题 Ctrl + H
  • 有序列表 Ctrl + O
  • 无序列表 Ctrl + U
  • 横线 Ctrl + R
  • 撤销 Ctrl + Z
  • 重做 Ctrl + Y

3.5 空格

1.把输入法由半角改为全角。 两次空格之后就能够有两个汉字的缩进。

2.在开头的时候,先输入下面的代码,然后紧跟着输入文本即可。分号也不要掉。
直接写

半方大的空白&ensp;或&#8194;
全方大的空白&emsp;或&#8195;
不断行的空白格&nbsp;或&#160;

  1. 看懂了吗!
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 22
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值