Markdown学习

Markdown插入代码

在Hexo使用Markdown,与在其他地方略有不同，可以参考Hexo的官方文档
我的方法是使用三个` 加上c,具体在三个反引号后加什么，主要根据你的语言类型，具体有哪些类型可以参考这个网站。如果不知道就不加，或者加bash，不过这样就没有代码的高亮效果了。注意:在三个反引号和c之间需要有一个空格

include <stdio.h>
void main(void)
{
printf("hello markdown\n");
}

注意

如果只是插入一小段行内代码，可以在行内代码前后各加一个反引号就可以达到这种效果,但如果行内代码里，也有反引号，就需要在代码前后各加两个反引号，比如我这段代码里有`反引号。但我遇到的问题是，如果代码里有超过三个反引号，hexo就会和下面的代码区段混淆，问题还未解决。

Markdown插入图片、音乐、视频
插入图片
代码如下

![Alt text](/images/img.jpg)

一个惊叹号 !
接着一个方括号，里面放上图片的替代文字（可以不写）
接着一个普通括号，里面放上图片的地址。
关于图片网址，如果是本地的请自行调节好大小。
如果你使用的外部链接，建议使用七牛云存储,原因是它不仅可以存储图片，还可以帮助处理图片，从而返回合适的图片，如下面两张图片，一张会显示原始尺寸，一张则是缩略图。

![pic!](http://7xrmky.com1.z0.glb.clouddn.com/asset.PNG)
![pic!](http://7xrmky.com1.z0.glb.clouddn.com/asset.PNG?imageView/2/h/400)

插入音乐
我是使用的是网易云音乐，找到喜欢的歌曲，点击生成外链播放器，把iframe插件的代码复制过来即可。原理是Markdown完全兼容HTML的代码。

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=411236457&auto=1&height=66"></iframe>

效果如下：

音乐是默认随页面打开的，如果不希望自动播放，可以选择更改iframe的auto为0即可。

插入视频
我使用的是youtube，找到视频点击分享，点击嵌入代码，把代码粘贴过来。

<iframe width="560" height="315" src="https://www.youtube.com/embed/fK_zwl-lnmc" frameborder="0" allowfullscreen></iframe>

但是上述代码仅在PC端显示，在移动端，固定的iframe长宽，会破坏布局。

用Github上的一个表述就是Content exceeds the container which breaks the layout on mobile。
最终在Winter’s Land处找到答案。
代码如下：

<div style="max-width:640px; margin:0 auto 10px;" >
<div 
style="position: relative; 
width:100%;
padding-bottom:56.25%; 
height:0;">
<iframe style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;"  src="https://www.youtube.com/embed/fK_zwl-lnmc" frameborder="0" allowfullscreen></iframe>
</div>
</div>

具体效果如下:(在手机端能够自适应)

Markdown启用数学公式显示
一般主流的Hexo主题如yilia、Next等都已经设置好显示数学公式了，你只需要在theme的_config.yml中修改如下：

摘要链接文字

excerpt_link: more

图片弹出框

fancybox: true