09.handsome主题修改总结

主题修改

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.友链修改

作为一个个人主页，且不是搞代码的我，主要记录个人工作总结，友链需求不高，不过这个功能可以修改为自己的
一个网站导航或者优秀网站推荐。（目前不知道如何修改样式）¹

这个有空继续研究下。 ↩

09.handsome主题修改总结

主题修改

1.字体修改

2.主页修改

3.handsome 手机版样式调整

4.电影书籍分为2个主要页面

5.删除独立页面标题及右侧栏

6.底部加入版权信息

7.一些CSS优化（参考主题分享社区里的推荐）

8.使用代码高亮插件

9.友链修改

Leave a Comment Cancel reply

4 comments

09.handsome主题修改总结

主题修改

1.字体修改

2.主页修改

3.handsome 手机版样式调整

4.电影书籍分为2个主要页面

5.删除独立页面标题及右侧栏

6.底部加入版权信息

7.一些CSS优化（参考主题分享社区里的推荐）

8.使用代码高亮插件

9.友链修改