博客左侧边栏修改

博客左侧边栏修改

  • 修改替换文件,压缩包里有说明


提取码:gvh5

文章代码高亮

文章代码高亮

底部标签样式修改

底部标签样式修改

方法:添加到后台自定义CSS

/*底部页脚*/
.github-badge {
  display: inline-block;
  border-radius: 4px;
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  background-color: #abbac3;
  margin-bottom: 5px
}
.github-badge .badge-subject {
  display: inline-block;
  background-color: #4d4d4d;
  padding: 4px 4px 4px 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.github-badge .badge-value {
  display: inline-block;
  padding: 4px 6px 4px 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.github-badge .bg-blue {
  background-color: #007ec6
}
.github-badge .bg-orange {
  background-color: #ffa500
}
.github-badge .bg-red {
  background-color: #f00
}
.github-badge .bg-green {
  background-color: #3bca6e
}
.github-badge .bg-purple {
  background-color: #ab34e9
}

在handsome后台开发者设置->博客底部左侧信息填入下面代码,修改成自己的信息

<div class="github-badge">
<a href="./" title="©2019&nbsp;xiaoyang">
<span class="badge-subject">Copyright</span><span class="badge-value bg-blue">©2019&nbsp;xiaoyang</span>
</a>
</div>
&nbsp;|&nbsp;
<div class="github-badge">
<a href="http://www.miitbeian.gov.cn/" target="_blank" title="粤ICP备 123456号">
<span class="badge-subject">粤ICP备</span><span class="badge-value bg-green">123456号</span>
</a>
</div>

在handsome后台开发者设置->博客底部右侧信息填入下面代码,修改成自己的信息:

<div class="github-badge">
<a href="http://www.typecho.org" target="_blank" title="由 Typecho 强力驱动">
<span class="badge-subject">Powered</span><span class="badge-value bg-blue">Typecho</span>
</a>
</div>
&nbsp;|&nbsp; 
<div class="github-badge">
<a href="https://www.ihewro.com/archives/489/" target="_blank" title="站点使用 handsome 主题,作者:友人C">
<span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span>
</a>
</div>

添加完以后,去handsome主题所在的文件夹目录handsome/component/footer.php中删除原来的版权声明代码,大约在1~12行,以下为修改完以后的样子:

<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php Content::outputCommentJS($this, $this->security); ?>
</div><!-- /content -->
  <footer id="footer" class="app-footer" role="footer">
    <div class="wrapper b-t bg-light">
      <span class="pull-right hidden-xs text-ellipsis">
      <?php $this->options->BottomInfo(); ?>
     
      </span>
        <span class="text-ellipsis"><?php $this->options->BottomleftInfo(); ?></span>
    </div>
      <!--可以去除主题版权信息,最好保留版权信息或者添加主题信息到友链,谢谢你的理解-->

后台登陆界面美化

后台登陆界面美化

示例:

提取码:kf75

方法:

  • 用压缩包内的login.php文件替换掉/admin/login.php文件
  • 将压缩包内的style文件夹上传到/admin/文件夹下
  • 修改login.php第35行,把阿七'Blog替换成自己的信息

随机播放音乐

随机播放音乐

找到文件handsome/libs/Get.php,在190行的break前插入以下代码。此行代码将歌单列表变成乱序,每次刷新网页就是一个新的乱序歌单,从而实现随机播放

shuffle($info);  // 随机音乐

在如下位置插入:

<?php
// .......................................
case 'collect':
    $datas = $api->format(true)->playlist($id);
    $datas = json_decode($datas,true);
    foreach ( $datas as $keys => $data){

        $cover = json_decode($api->format(true)->pic($data['pic_id']),true)['url'];

        $info[$keys] = array(
            'name' => $data['name'],
            'url' => '',
            'song_id' => $data['id'],
            'cover' => $cover,
            'author' => $data['artist'][0]
        );
    }

    shuffle($info);  /** 插入此行 */

    break;
default:
    $data = "";break;

}

return json_encode($info,true);
}

Last modification:July 4th, 2020 at 12:25 pm
如果觉得我的文章对你有用,请随意赞赏