1 最终效果
本文讨论一种在github pages中插入带caption图片的实现方式，最终的效果如图一所示
图一 最终效果
2 实现方法
2.1 _includes中插入image.html模板
在_includes目录下创建image.html文件，写入以下内容
图二 image.html代码
2.2 加入CSS样式
将图片显示的CSS样式加入网站的样式中，我的目录为assets/css/style.css，内容为(按自己喜好修改)
.image-wrapper {
text-align: center;
.image-caption {
color: $grey-color;
margin-top: $spacing-unit / 3;
}
}
2.3 应用样式
在文章需要插入图片的位置，用以下方式插入图片即可
图三 插入图片例程