拔的某joe博客，可随机切换或点击切换图片和诗句，建议把图片保存到本地，否则加载会慢那么一丢丢。

演示图

<style>
.cyme-suiji-main span{color:#000000}.cyme-suiji-main{background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;height:320px;border-radius:var(--main-radius);position:relative}.cyme-suiji-header{display:flex;justify-content:space-between}.chenyu-dt-ty{padding:12px;display:flex;flex-direction:column}.chenyu-dt-day{font-size:60px;font-weight:700;color:#fff}.chenyu-sj-date{font-size:16px;font-weight:700;color:#fff}.chenyu-sjzt-ty{line-height:25px;height:220px;writing-mode:vertical-rl;padding:15px;color:#fff;font-size:15px} .chenyu-sjtitle-ty span:hover{color:#f44336}.chenyu-sjtitle-ty{position:absolute;bottom:0;text-align:center;left:0;right:0;bottom:0;padding:5px}
</style>
<div class="cyme-suiji-main">
<div class="cyme-suiji-header">  
<div class="chenyu-dt-ty">
<span class="chenyu-dt-day cymeDay"></span>
<p class="chenyu-sj-date">
<span class="cymeYear"></span>  
<span class="cymeMonth"></span>
</p>
</div>
<div class="chenyu-sjzt-ty">
<span class="chenyu-YiYan"></span>  
</div>
</div> 
<div class="chenyu-sjtitle-ty">
<span id="chenyu-qh-btn">换一句</span>
</div>
</div>
<script type="text/javascript" src="你的js链接"></script>

js部分