2016-09-15

Markdown 语法进阶

Markdown 中调整插入图片的大小
Markdown代码段语法高亮

Markdown 中调整插入图片的大小

使用html语法

<img src="imgUrl" width = "300" height = "200" alt="图片名称" align=center />

使用支持图片缩放的图床接口函数

如七牛图床中有图片处理接口函数imgView及imgView2，使用该接口可以对图片进行裁剪，缩放等操作：

imageView2/<mode>/w/<LongEdge>
                 /h/<ShortEdge>
                 /format/<Format>
                 /interlace/<Interlace>
                 /q/<Quality>
                 /ignore-error/<ignoreError>

接口说明见：
http://o9gnz92z5.bkt.clouddn.com/code/v6/api/kodo-api/image/imageview2.html
示例：
图片URL为：http://imgurl/img.png,需要缩放为width为100px，则URL应使用： http://imgurl/img.png?imgView2/w/100 (高度根据宽度自动调整)

使用支持缩放功能的Markdown语法编辑器

![](./pic/pic1_50.png =100x20)

注意 =前有个空格，可以只写宽度

Markdown代码段语法高亮

Markdown中，代码段用3个连续的 ` 号包围，在开头的符号后加上对应语言的名字即可实现该语言的语法高亮。如cpp 语法高亮，效果为：

1	int main() { return 0; }

当使用yilia主题时，代码块高亮配置文件：themes/yilia/source/css/_partial/highlight.styl,可以通过此文件更改默认的字号，行号大小等，我的配置文件highlight.styl
参考链接：hexo的私人订制