博文提升技－强悍的markdown(一)

导语

本来只是想，玩了这么多年Linux,写了很多笔记，总想着哪天也出本书，无奈牛人众多，我会的别人
都会，我不会的别人也会，咋办，那就先放弃写书，写博客吧，一天一天的把一身所学记录下来给
分享给大家，哪想到写的博客真的只是记录，没有华丽的词藻和优美的解释，没有诱人的图片，关
键是连排版都很难看。比如说写到这里，我连个换行还没有，在编辑器右边的即视效果里，还只显
示一行，先把换行学会吧。           

注释：先说说这里的“导语”两个字为标题，怎么来的？使用’＃‘号打头，1个井号表示1级标题，2个井号表示2级标题，依次类推,可以指定6级标题<br><br>

换行

这里的标题不好用了，真是，第一个导语的标题还好用，可能是我不会用？
这51cto改版后支持的markdown不好用啊，先下载个macdown去在本地写吧，稍后上传看看效果如何，先撤           

注释：昨天确实如上面那段话所说，一头雾水，不过今天我在本地软件macdown下编辑文本的时候，在设置里换了一个css的配置，换行就好了，所见即所得<br><br>

2017年11月28日更新

一天过去了，刚又上来研究markdown，发现一个有趣的点，markdown本来就是为了写网页文档而生，他竟然支持html语法，而且是直接用，不用任何修饰，比如上面那个标题我就用了<h2></h2>标签，本来在标题‘换行’后面的文字没有换行，我用了<br>来换行，现在我知道'**如果想要html的标签在这里生效，不能把标签写到段落内部，也就是不能在缩进的行里写，写了也不会被解释**',而且markdown本身的标签也不会在段落里生效，比如我本来想给上面几句话用‘**’加粗，结果也没生效。           

注释：所以注意如果想要html或者markdown标签的效果，可以像我上面的两个注释一样把他们拿出段落重新写。<br><br>

关于51cto 2.0版博客的编辑器

51cto博客2.0的编辑器，经过昨天晚上一顿折腾，发现他为什么说不用博主会使用markdown，因为他所有的标签全部用编辑器上面的按钮来实现，如下图所示：           

比如'B'按钮可以用来加粗字体，'H'按钮用来设置标题等等，上图中的其他按钮大家可以自行尝试一下他的功能。

不过还是那句话，太有可能是我还不会用他的编辑器

<br>吐槽一下，51cto的博客改版后没有了搜索功能说是再开发更好的搜索引擎，但是文章列表显示哪里去了？哎

<br>注释：我现在又学会了新技能插入图片，下面先说说如何在markdown中插入图片吧。<br><br>

插入图片

来展示下新技能：
在markdown中插入图片分成3种：
    1.使用图片相对路径和绝对路径（不明白相对路径的童鞋百度一下）
    2.使用图片的网址链接
    3.直接把图片嵌入到markdown文件
    三种方法可能都会用到，看你在什么情况下用吧，比如我上面的图片就是用的相对路径的方式

    1.使用相对路径插入图片：
    比如你把一个叫做1.png的图片和*.md文件放在一起，那么你就可以用这种方式插入图片：![](1.png)
    如果不想放在同一层级,那么就可以这样插入:![](foldername/1.png) 表示引用同层级一个叫做"foldername"的文件夹中的1.png图片,以此类推.
    注意:我用mac下的Mou编辑器并没有实现这个功能，所以换了现在的macdown.
    最大的优点就是不需要网络，做到本地存放图片。

    2.使用图片的网址链接：插入网络图片只需要在基础语法的括号中填入图片的网络链接即可，现在已经有很多免费/收费图床和方便传图的小工具可选。
    比如：![avatar](http://baidu.com/pic/doge.png)
    缺点是图片存在网络服务器上，非常依赖网络。

    3.把图片存入markdown文件用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置。
    基础用法：![avatar](data:image/png;base64,iVBORw0......)这个时候会发现插入的这一长串字符串会把整个文章分割开，非常影响编写文章时的体验。如果能够把大段的base64字符串放在文章末尾，然后在文章中通过一个id来调用，文章就不会被分割的这么乱了。就像写论文时的文末的注释和参考文档一样。这个想法可以通过markdown的参考式链接语法来实现。进阶用法如下：文中引用语法：![avatar][doge]文末存储字符串语法：[doge]:data:image/png;base64,iVBORw0......这个用法不常见，比较野路子。优点是很灵活，不会有链接失效的困扰。缺点是一大团base64的乱码看着不美观。
    第3种方式我没有测试，当我白说，哈哈。           

段落

上面我每个标题下面没有顶格写的各种大段语句就是段落了，比如这里我在第一个字符的前面按下tab键后，后面的多个语句就会形成段落。<br><br>

区块引用

什么是区块？像我现在这段话的格式就是引用一个区块了，怎么弄的？在文本内容开头顶格键入‘>’就可以，注意不要弄在段落里，我发现好像在段落里什么标记都用不了。

在一个大的区块内可以嵌入小的区块，比如下面的这一句话：

这里采用的就是区块内嵌入小的区块<br>

这里采用的就是区块内嵌入小的区块

<br>再来一行

<br>怎么弄的？只需要在文本开头使用'>>',也可以叫做"二级区块吧"

<br>区块内也支持标签，比如标题

##这就是一个区块内的标题

标题下面可以使用段落，比如现在这里，只需要在开头按下两次tab键，我倒是觉得区块比一上来就用段落好用的多啊，因为段落内不支持标签啊！

列表

这里的列表支持有序和无序列表两种，跟html里一样，如果你熟悉html就好说了，不熟悉还是来看看下面的例子：

<br>无序列表使用星号、加号或是减号作为列表标记：

比如:<br>

• Red<br>
• Green<br>
• Blue<br>

等同于：<br>

也等同于:<br>

显示效果如下：

• Red
• Green
• Blue

1. Bird
2. McHale
3. Parish