Jasmine主题增加图片灯箱效果

Jasmine主题默认博文中的图片无法点击放大，通过增加灯箱效果实现图片点击放大和切换。

实现方法参考和修改于：

https://blog.zhsher.cn/start.html

1. 自定义css和js

打开typecho后台，打开主题的外观设置界面。将以下代码输入自定义样式。调整顶栏和侧栏的值，使得博客的顶栏和左侧栏不会覆盖图片。

.z-\[1000\] {
    z-index: 500;
}
.z-\[999\] {
    z-index: 500;
}

将以下代码输入自定义脚本：

//图片灯箱
window.ViewImage && ViewImage.init('.markdown-body img');

点击保存设置

2. ssh链接服务器，编辑主题文件夹下的footer.php,插入以下内容。

//插入下面这一行
<script src="https://jsd.onmicrosoft.cn/gh/Tokinx/ViewImage/view-image.min.js"></script>
//php文件中原来就有的
<script>
    <?php $this->options->customScript(); ?>
</script>

3. 效果