Home Articles After adding a background image to add a shadow effect to the article - Hexo station (six)

Blog address Preview: http://www.clearlight.com.cn

Open the blog home directory file -> themes -> next -> source -> css -> _custom -> custom.styl

Which fill the following code:

.post-block {
  background: rgba(255, 255, 255, 0.84);
  padding: 25px;
}

// 主页文章添加阴影效果
.post {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0px;
  -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
  -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
}

Here Insert Picture Description


Specific arrangement: Https://Github.Com/ClearlightY/ClearlightY.Github.Io/tree/hexo

He published 190 original articles · won praise 153 · views 90000 +

Guess you like

Origin blog.csdn.net/qq_36852780/article/details/104695969