知易行难,Xitou 主题持续开发中
 

Muiteer-主题美化

在子主题的style.css中根据个人需要添加下方代码即可

/*给图片添加阴影效果*/
.entry-content img{
box-shadow:rgba(0,0,0,0.5) 0 0.625rem 1.125rem;
}
/*菜单居中,去下划线*/
.m-overlay-menu a{
text-align: center;
border-bottom: none !important;
}
/*菜单距顶部*/
.m-overlay-menu{
  padding-top: 50px;
}
/*顶部菜单栏的高(变矮)*/
#site-header.sticky{
  padding: 10px 0;
}
/*顶部菜单栏距顶部距离*/
#site-header{
  margin-top: 36px;
}
/*底部内容距底部距离*/
#site-footer{
  padding-bottom: 70px;
}
/*侧边栏按钮放右边*/
.m-site-sidebar-header .m-site-sidebar-title .close
{
    left: 90%;
}
/*音乐播放器内框美化*/
.aplayer{
  border-radius: 0.8rem;/*圆角*/
  box-shadow: rgba(0,0,0,0.3) 0 0.625rem 1.125rem;/*阴影*/
}
/*博文页功能框减小*/
.m-qucik-button{
  padding: 2px 10px;
}

 

按钮框:

<a class="ajax-link m-normal-button boohw" href="https://baimu.org/link">本站链接</a>

https://baimu.org/read/link 

隐藏部分博文内容:

https://www.npc.ink/3755.html

 

页面底部彩色网站运行日期

页脚-自定义处添加下列代码:

<div class="extra-content">
本站已运行:
<span id="momk"></span>
<script language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("11-22-2018 12:12:24");//建站日期
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(daysold-e_daysold)*-24;
hrsold=Math.floor(e_hrsold);
e_minsold=(hrsold-e_hrsold)*-60;
minsold=Math.floor((hrsold-e_hrsold)*-60);
seconds=Math.floor((minsold-e_minsold)*-60);
momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
}
show_date_time();
</script>
<style>
#momk{animation:change 10s infinite;font-weight:800; }
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
</style>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>

 

本站使用Hermit X插件来播放音乐(Muiteer2.1)

因为使用全站Pjax加载,Hermit X有一些问题:切换页面仍然播放原页面音乐,页面需刷新才加载音乐播放框,有以下方法解决。

右键保存下面的文件,替换主题文件夹js中的main-min.js文件即可

右键-链接另存为

亦可在在网站后台-外观-编辑中,编辑js中的main-min.js。复制下载文件中的内容,替换。

然后,Hermit X插件需如下设置:

默认:按需加载,只有文章列表中使用了短代码才会加载CSS、JS资源。
全局加载:无论是否使用了短代码都会加载,适合侧边栏。

默认:页面顶部

在搜索框下添加标签:

在父主题-header.php的第475行左右的

<div id="site" class="header-content-wrapper">

  <div class="site-carry">

    <div class="m-search-overlay"></div>
    <div class="m-search-wrapper">
      <div class="m-search-box">
        <div class="search-icon"></div>
        <?php get_search_form(); ?>
        <div class="close-icon"></div>
      </div>

      <!--自定义搜索栏下方文字-->
<div class="post-tags active"><p><a href="https://baimu.org/link">我?</a></p></div>

    </div>

 

添加下方代码

<!--自定义搜索栏下方文字-->
<div class="post-tags active"><p><a href="https://baimu.org/link">我?</a></p></div>

输入自定义链接与名称即可。

在博文日期下添加修改博文链接:

父主题-文章页面 (single.php)的第20行下,添加/修改代码:

<div class="time">
            <time datetime="<?php the_time( 'c' ); ?>" itemprop="datePublished">
              <?php
                the_time( get_option( 'date_format' ) ); 
              ?>
              <!--添加博文编辑链接-->
              <br>
              <a href="<?php echo get_edit_post_link(); ?>" target="_blank">修</a>
            </time>
          </div>

 

我使用的插件

Akismet Anti-Spam:防垃圾评论

Aliyun OSS:存储图片

Classic Editor:使用老版编辑器

Easy WP SMTP:发送邮件

Hermit X:音乐播放

Enlighter - Customizable Syntax Highlighter:代码高亮