给Ghost Gallery组件增加放大图标
Ghost Gallery组件在移动端的样式和桌面端的样式一致，这样在手机上看图片过于小，不过它支持lightbox功能，点击图片可以放大，所以问题不是很大，但是可能很多用户不知道点击图片来放大查看，例如这位朋友所提交的issue一样：https://github.com/TryGhost/Casper/issues/948
我也在issue底部留言的我的个人解决方案，就是在图片右上角增加一个放大图标，提醒用户图片是可以点击来放大查看的，CSS代码在issue留言中已经说了，就是几行简单的代码。
<style>
.kg-gallery-image {
position: relative;
&::after {
content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tYXhpbWl6ZS1pY29uIGx1Y2lkZS1tYXhpbWl6ZSI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2MyIvPjxwYXRoIGQ9Ik0yMSA4VjVhMiAyIDAgMCAwLTItMmgtMyIvPjxwYXRoIGQ9Ik0zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PHBhdGggZD0iTTE2IDIxaDNhMiAyIDAgMCAwIDItMnYtMyIvPjwvc3ZnPg==);
position: absolute;
right: 6px;
top: 6px;
}
}
</style>最终效果可以访问这篇博客：
太姥山之行
9.19 中午到的太姥山站，出站后转8路公交车到太姥山游客中心。淡季门票90元，我以为宁德户口有优惠，结果没有。 景区出来后，到镇上找了一家饭店，吃的炒溜溜粉。 其实应该吃个锅边的，店门口正在做锅边。 一看颜色就知道是纯的地瓜粉做的，味道应该和老家一样。 晚饭后等不到公交车于是打车到的火车站前往温岭。 9.20 今天早上去逛了温岭市博物馆，看到了一个国宝重器，温岭下面一个村出土的商代的蟠龙纹青铜盘。 不过居然发现这个国宝旁边的英文介绍标签，居然把英文单词dynasty给拼错了。 博物馆逛完在附近找了一家面店吃的特色姜汤面，有鱼有虾，虽然价格38元挺贵，不过味道确实很不错的。 午饭后走到一个公园，在湖边休息和看书。 9.21 早餐吃的当地嵌糕，其实很和平常见到那种山东煎饼差不多，只是这个嵌糕不是煎的，有点类似米糕的感觉，不过不是很吃的惯。
Brandon Zhang