WordPress给代码块添加mac风格样式的美化教程

直接插入代码即可实现美化代码块，css代码如下：

.post-content-post pre::before {
    content: "";
    display: block;
    background: #fc625d;
    top: 9px;
    left: 15px;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
    margin: 0px 2px -7px;
    z-index: 1000;
    position: absolute;
}
 
.post-content-post pre {
    max-height: unset;
    padding: 0 0.5em 0 0.5em;
    background: #2d3748;
}
 
.post-content-post pre code {
    margin-top: 16px;
}

👋 感谢您的观看！