Blog优化

-发现博客,网站没被百度搜录,要加一下

https://ziyuan.baidu.com/linksubmit/index?site=http://www.marszm.cn/

没成功,加个http://tool.chinaz.com/robots/ robots试试

-页面有点单调,加了个小猫。。

-页面文字结构太乱了。。加个小格子和hover效果。。Nice

#catIframe {
	position: absolute;
	width: 400px;
}

@media screen and (min-width: 48em){
.blog .site-main > article, .archive .site-main > article, .search .site-main > article {
    padding-bottom: 4em;
    border: 1px solid #dcdee2;
    padding: 2em;
    margin-bottom: 1.5em;          transition: all .2s ease-in-out;
}
.blog .site-main > article:hover {
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    border-color: #eee;
    transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -webkit-transform: translateY(-4px)
}
}

-滚动条太丑

::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-thumb {
  height: 6px;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  background-color: rgba(50, 200, 250, .25);
  -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

背景色纯白太耀眼了。。

灰一点。

.site-content-contain {
    background-color: #f5f5f7;
}
.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a{
-webkit-box-shadow: inset 0 -1px 0 rgba(100,100,100, 0.5);
box-shadow: inset 0 -1px 0 rgba(100,100,100, 0.5);
}

https://novoresume.com/editor/resume/0dce5890-8556-11ea-bb99-6f830f62200e

 

滚动条搜藏

body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
body::-webkit-scrollbar-corner {
    background: 0 0;
}
body::-webkit-scrollbar-thumb {
    width: 6px;
    background: #E0E2E7;
    border: 0 none #fff;
    border-radius: 50px;
}
body::-webkit-scrollbar-track {
    background: transparent;
    border: 0 none #fff;
    border-radius: 50px;
}

“Blog优化”的一个回复

发表评论

邮箱地址不会被公开。