博客园的中土图片样式设置

对正文中的图片设置悬停放大

只需将下方代码贴进页面css即可~

详见：https://segmentfault.com/a/1190000018130969

.post img {
    cursor: pointer;
    transition: all 0.5s;
}
.post img:hover {
    transform: scale(1.3);
}

图片的点击放大

直接在“页脚html代码”这栏粘贴如下代码即可。

详见：https://blog.csdn.net/weixin_34075551/article/details/93555200

<!-- lightbox的样式 -->
<link href="https://blog-static.cnblogs.com/files/yadongliang/lightbox.css" rel="stylesheet">

<!-- lightbox.js核心代码 -->
<script src="https://blog-static.cnblogs.com/files/yadongliang/lightbox-plus-jquery.js"></script>
<script type='text/javascript'>$('#cnblogs_post_body img').wrap(function(){return "<a href='"+$(this).attr("src")+"' data-lightbox='example-set'></a>"});</script>
<script type='text/javascript'>$(".code_img_closed").unwrap();</script>
<script type='text/javascript'>$(".code_img_opened").unwrap();</script>

 

来源：https://www.cnblogs.com/lfri/p/11770276.html