LaoK

09.handsome主题修改总结
主题修改1.字体修改自定义CSS中加入如下代码(在此感谢handsome作者的帮助)*{font-family: ...
扫描右侧二维码阅读全文
05
2019/10

LaoK

09.handsome主题修改总结
主题修改1.字体修改自定义CSS中加入如下代码(在此感谢handsome作者的帮助)*{font-family: ...
扫描右侧二维码阅读全文
05
2019/10

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

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


  1. 这个有空继续研究下。
本文作者:Author:    文章标题:《09.handsome主题修改总结
本文地址:https://laok.pw/skill/24.html     
版权说明: 若无注明,本文皆为“ LaoK”原创,转载请保留文章出处。
Last modification:October 6th, 2019 at 01:46 pm

Leave a Comment

4 comments

  1. 老板

    说说看看

  2. LaoK

    测试QQ头像

  3. LaoK

    现在字体感觉完美了。

  4. LaoK

    字体感觉还是有点不完美