jQuery blocksit 是一個強大的網格布局插件，它可以幫助我們快速地創建Pinterest風格的布局。下面是一個簡單的示例：

$('#container').blocksit({
numOfCol: 3,
offsetX: 8,
offsetY: 8
});

上面的代碼中，我們選中了一個ID為"container"的div，并調用了blocksit()方法來初始化這個布局。方法中傳入了numOfCol參數指定列數，offsetX參數指定列與列之間的水平間距，offsetY參數指定行與行之間的垂直間距。

接下來，我們需要使用blocksit布局來呈現我們的圖片。這里我們使用了一組圖片，并將它們放在一個ul元素中：

<ul>
<li><img src="image1.jpg"></li>
<li><img src="image2.jpg"></li>
<li><img src="image3.jpg"></li>
<li><img src="image4.jpg"></li>
<li><img src="image5.jpg"></li>
<li><img src="image6.jpg"></li>
</ul>

接著，我們針對每個li元素，給它添加一個class屬性，并為它的img元素設置寬度和高度，以便于圖片可以進行blocksit布局：

<style>
#container li {
display: block;
float: left;
position: relative;
}
#container li img {
width: 100%;
height: auto;
}
</style>

最后，我們只需要調用blocksit布局函數，就可以完成整個布局過程：

$(document).ready(function() {
$('#container').blocksit({
numOfCol: 3,
offsetX: 8,
offsetY: 8
});
});

通過簡單的三個步驟，我們就可以使用jQuery blocksit來創建Pinterest風格的網格布局，讓我們的站點看起來更加時尚和現代。