博客園中圖片樣式設置

對正文中的圖片設置懸停放大

只需將下方代碼貼進頁面css便可~

詳見：http://www.javashuo.com/article/p-hrxdhzhq-y.html

.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>