主题修改
1.字体修改
自定义CSS中加入如下代码(在此感谢handsome作者的帮助)
*{font-family: 'Noto Serif SC', serif;}
.text-muted {
color: #000000!important;
}
.navi ul.nav li a{
color: #000000!important;
}
.bg-black #skPlayer {
color: #ffffff!important;
}
.bg-black .nav>li>a {
color: #ffffff!important;
}
.text-muted {
color: #000000!important;
}
body {
color: #000000!important;
}
#post-content{
color:#000000!important;
}
自定义输出head 头部的HTML代码
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+SC:300,400,700&display=swap&subset=chinese-simplified" rel="stylesheet">
2.主页修改
首页改为文章归档 页,尽量采用最大精简化!
并将归档页颜色全部去掉,尽量简洁。
3.handsome 手机版样式调整
文章地址:https://gogobody.cn/archives/20/
4.电影书籍分为2个主要页面
不懂网页这些代码,只能复制出来,分别删除电影或者书籍部分的代码,变为2个模板。
5.删除独立页面标题及右侧栏
删除独立页面相关代码
6.底部加入版权信息
参考:https://dxoca.cn/SiteLog/196.html
7.一些CSS优化(参考主题分享社区里的推荐)
/*首页文章列表悬停上浮*/
.blog-post .panel:not(article) {
transition: all 0.3s;
}
.blog-post .panel:not(article):hover {
transform: translateY(-10px);
box-shadow: 0 8px 10px rgba(73, 90, 47, 0.47);
}
/*文章列表背景颜色*/
#post-panel {
background: #FFFFFF;
}
/*首页文章列表边框颜色*/
.wrapper-lg {
padding: 30px;
border: 1px solid #dee5e7;
}
/*超链接文字颜色和加粗*/
.comment-content-true a, .wrapper-lg .entry-content a {
color: #23b7e5;
border-bottom-color: #7266ba;
border-bottom: 1px solid #23b7e5;
word-wrap: break-word;
word-break: break-all;
font-weight: bold;
}
8.使用代码高亮插件
效果如第7条中的样式,插件地址:https://www.xcnte.com/archives/523/
9.友链修改
作为一个个人主页,且不是搞代码的我,主要记录个人工作总结,友链需求不高,不过这个功能可以修改为自己的
一个网站导航或者优秀网站推荐。(目前不知道如何修改样式)1
- 这个有空继续研究下。 ↩
4 comments
说说看看
测试QQ头像
现在字体感觉完美了。
字体感觉还是有点不完美