用Markdown写CSDN博客超详细攻略

---

  为了方便讲解，笔记内容中出现下面（代码行或粉红背景红字）的格式均为Markdown的语法使用。如果csdn帮助文档已经写了的教程，这边我就不提了。我就发的它没有提及的。

注意:这里的格式仅仅针对csdn博客，亲测有效，其他的markdown编辑器不知道有没有效果

标题目录

首先看看我的标题和目录怎么搞出来的？如下即可：

@[TOC](用Markdown写博客超详细攻略)

分割线

目录搞定了，我们将正文和目录分开的分割线：

---

三个减号独占一行就ok了

强调

• 1：按键盘的左上角的 ` 符号两次，把文字写在其中即可。 ( 看我干嘛，看背景)

我们可以让它居中：<center></center>

<center>`看我干嘛，看背景`</center>

改变字体、大小、颜色

比如：我是楷体
格式如下：

<font color=#ca0c16 size=4 face="楷体">我是楷体</font>

当然也可以改标题的格式大小字体啦。

引用文本的嵌套

拉拉

哈哈

格式：

> 拉拉
>> 哈哈

缩进/换行

  缩进我用的是  
换行<br>即可

图片的标题

图片的居中和改变尺寸帮助文档有，这里说一下给图片加标题：
标题就是鼠标移动上图片去显示的内容

![啦啦啦](https://i-blog.csdnimg.cn/blog_migrate/a66fac2d0d8d0fe04afa764c38e3de58.png#pic_center "你瞅啥？")

发图片html方式

来一个图片,

代码附上：首先你要把图片先上传上去，可以自己开一个博客专门放，不过这样比较烦。不推荐。

<div >
<center>
<img src="//pic.cnblogs.com/avatar/1287015/20171226191229.png"  width="220" height="220"  alt="可达鸭"><br>
</div>

你也可以把表格和图片结合起来：把图片放在一个表格里面(不过效果也就这样了)

代码：

![啦啦啦](https://i-blog.csdnimg.cn/blog_migrate/3421eefcfb94f2acbd7db337c58bcf6e.png#pic_center =300x300 )| 
-------- | 

表格

表格太难写了有没有，别怕，给你一个连接，生成n*m的格式。自己偷着乐吧。
点击：表格转换网址
当然里面的字体也可以像之前一样改变，不过写起来挺烦的。

项目	Value
电脑	$1600
手机	$12
导管	$1

自己研究哈。

还有就是html支持的表格方式，并且我们可以通过这个设置里面的字体和各种样式，csdn是支持的。

效果图：

看背景颜色

看背景颜色

感觉是不是高大上了一点

代码附上

<table>
<tr>
<td bgcolor=#faf2ea>
<font size=3 color=#ca0c16 >看背景颜色 
<br>
</td>
<td bgcolor=#ca0c16>
<font size=3 color=#ffffff >看背景颜色 
</td>
</tr>
</table>

这样其实我们可以发现MarkDown是支持部分HTML语法的。知道这一点，我们就可以使用更多高级的样式了。但是就不太方便了。如果偶尔有一点特殊的想法或无聊的荒可以这样把博客装饰一下。

页内跳转

点击回到标题目录大法

首先在你要跳转的地方用下面第一行标记一下，然后在需要跳额地方，用链接方式就好了。

## <span id="goback">标题目录</span>
[点击回到目录大法](#goback)

快捷键

这个还是比较重要的，虽然csdn帮助文档已经说了，但是我还是要复制过来一些用起来方便的：

首先是查找和替换，这个帮助文档说的是command+F/G,其实就是ctrl+F/G就好了.

插入链接（ctrl+shift+L）和插入代码(ctrl+shift+k)用快捷键是比较方便的。
图片就直接拖入即可。列表、加粗的快捷键都是常用的，不必为了缩进慢慢调。

奇葩用法

  搞什么^哈哈哈把指数用法用来_做这样的的效果…额，好像有点无聊

搞什么^哈哈哈^
来~做这样的~的

---

先就分享到这里了。拜拜。