bilibili美化代码

css代码

@import url(https://blog-static.cnblogs.com/files/gshang/gshang.2019.11.19.1.css) screen and (min-width:0px);
/*设置顶部头像背景*/
#blogTitle {
	background-image: url(https://images.cnblogs.com/cnblogs_com/hypj/1790464/o_200619113413wallhaven-425m9m.jpg);
}
/*设置头像*/
#blogLogo {
	background-image: url(https://pic.cnblogs.com/avatar/2029293/20200619111449.png);
}
/*** 设置全局主题颜色 ***/
html {
	--ThemeColor: #00a1d6;
}

/*添加按钮*/
.cnblogs-markdown pre {
  position: relative;
}
.cnblogs-markdown pre > span {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 2px;
  padding: 0 10px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
  display:none;
}
.cnblogs-markdown pre:hover > span {
  display:block;
}
.cnblogs-markdown pre > .copyed {
  background: #67c23a;
}

侧边栏








首页代码











页脚



效果

bilibili美化代码_第1张图片
感谢大佬GShang
https://www.cnblogs.com/gshang/p/11869120.html
还有一些代码素材翻不到网址了,在这里也要感谢一下。

你可能感兴趣的:(bilibili美化代码)