1、chrome有一个叫做stylish插件,安装好之后查找一个叫做Simple_Zhihu的样式,真的超级好用,基本上是可以自定义网页的各个板块的颜色。
下载安装好之后,打开知乎任意的一个页面,点击chrome右上角刚刚安装好的stylish图标,然后点击”为此网站查找更多样式“
2、从跳转到的网页中选取别人做好的主题样式,找到Simple_Zhihu,点击安装(我这个是已经安装过了,所以显示更新)
3、安装好之后,再次点击chrome中的stylish图标,选择 ”已安装的样式“,选择编辑。
4、点击去之后就能看到这个插件的配置代码,这个代码的注释是很详细的,都是一些简单的rgba的配色设置,自己摸索着就可以改动。
我贴一下我设置的地方,我加了注释。
body {
background: #f5f5f5
}
/* 知乎相关信息 */
.Sticky .Footer {
display: none
}
/* 建议 & 回到顶部 */
.CornerButtons {
display: none
}
/* 头部导航栏 */
.AppHeader {
background: none;
/*background-color: #2693EC*/
}
.Avatar {
border-radius: 150px
}
.AppHeader-inner {
height: 46px
}
.AppHeader-userInfo {
margin-top: 8px;
margin-bottom: 7px
}
.Icon.Icon--logo {
margin-top: 8px;
margin-bottom: 8px;
fill: rgba(0, 0, 0, 0) !important
}
.Icon.Icon--news {
fill: rgb(255, 0, 0) !important
}
.Icon.Icon--message {
fill: rgb(255, 0, 0) !important
}
.AppHeader-navItem {
/*color: #ff0000 首页,发现,话题标签*/
color: #e9e9e9
}
.AppHeader-navItem:hover {
color: #EEE
}
.AppHeader-navItem.is-active {
color: #EEE
}
.AppHeader-nav {
margin: 8px 50px
}
.SearchBar-askButton {
display: none
}
/* 导航栏搜索框 */
.Se