本文主要记录了本博客的改造过程和过程中使用的插件,如果你和我一样喜欢折腾,并且觉得本博客或多或少有你喜欢的地方,不妨看看本文

收集了各大博主集成的小站

主题

Typecho

  • 本博客基于Typecho搭建

handsome

  • 本博客使用的主题是handsome

插件

handsome(神代綺凜式魔改主题插件)

WowScroll(动感元素插件)

CodePrettify(代码高亮插件)

Sitemap(网站地图)

UserAgent(显示评论人使用的操作系统和浏览器信息)

Snow(下雪插件)

评论通知插件(居然收到了留言-所以添加了通知插件)

留坑(推送插件)

改造

网站底部版权信息

网站底部版权信息

  1. 将以下代码添加至后台主题 开发者设置-自定义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
}

将以下代码添加至后台主题设置博客底部左侧信息,信息修改成自己

<!--博客底部左侧侧信息-->
<div class="github-badge">
<a href="https://blog.uundo.cn/" arget="_blank" rel="noopener noreferrer" title="©2021 Undo">
<span class="badge-subject">Copyright</span><span class="badge-value bg-blue">©2021 Undo</span>
</a>
</div>
 |  
<div class="github-badge">
<a href="https://beian.miit.gov.cn/" target="_blank" title="粤ICP备 2020094162号">
<span class="badge-subject">粤ICP备</span><span class="badge-value bg-green">2020094162号</span>
</a>
</div>
 |  
<div class="github-badge">
<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="_blank" title="又拍云">
<span class="badge-subject">又拍云</span><span class="badge-value bg-green">提供CDN加速/云储存服务</span>
</a>
</div>

将以下代码添加至后台主题设置博客底部右侧信息

<!--博客底部右侧信息-->
<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>
 |  
<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>

删除/usr/theme/handsome/component/footer.php 原来的底部授权(删除)

Powered by <a target="_blank" href="http://www.typecho.org">Typecho</a> | Theme by <a target="_blank"                                                                                             href="https://www.ihewro.com/archives/489/">handsome</a>

&copy;&nbsp;<?php echo date("Y"); ?> Copyright&nbsp;

正文结束添加版权信息

在handsome/post.php内php echo Content::exportPayForAuthors(); ?>(大概在95行左右)添加以下内容

<!--版权声明开始-->
<div class="entry-content l-h-2x">
      <div style="border-top: 2px dotted #8e8e8e96;height: 0px;margin: 20px 0px;text-align: center;width: 100%;">
         <span style="background-color: #23b7e5;color: #fff;padding: 6px 10px;position: relative;top: -14px;border-radius: 14px;">END</span>
       </div>
        <div style="padding: 10px;background: rgba(220, 220, 220, 0.22);font-size: 13px;border-left: 3px solid;text-align: left;">
          <span>本文作者:<a href="<?php $this->author->permalink(); ?>" rel="author"> <?php $this->author(); ?></a><br></span>
         <span>文章标题:<a href="<?php $this->permalink() ?>"><?php $this->title() ?></a><br></span>
         <span>本文地址:<a href="<?php $this->permalink() ?>"><?php $this->permalink() ?></a><br></span>
        <span>版权说明:若无注明,本文皆<a href="<?php $this->options->siteUrl(); ?>" target="_blank" data-original-title="<?php $this->options->title() ?>"><?php $this->options->title() ?></a>原创,转载请保留文章出处。</span>
       </div>
  </div>
<!--版权声明结束-->

博客右侧添加响应耗时

将以下代码存放到主题的functions.php中,可以放在最后面:

/**
 * * 加载时间
 * * @return bool
 * */
function timer_start() {
    global $timestart;
    $mtime = explode( ' ', microtime()  );
    $timestart = $mtime[1] + $mtime[0];
    return true;
}
timer_start();
function timer_stop( $display = 0, $precision = 3  ) {
    global $timestart, $timeend;
    $mtime = explode( ' ', microtime()  );
    $timeend = $mtime[1] + $mtime[0];
    $timetotal = number_format( $timeend - $timestart, $precision  );
    $r = $timetotal < 1 ? $timetotal * 1000 . " ms" : $timetotal . " s";
    if ( $display  ) {
        echo $r;
    }
    return $r;
}

然后在右侧边栏加上响应耗时部分,具体就是修改component/sidebar.php这个文件,在合适的位置加上如下代码:

<li class="list-group-item"> <i class="glyphicon glyphicon-time text-muted"></i> <span class="badge pull-right"><?php echo timer_stop();?></span><?php _me("响应耗时") ?></li>

右侧添加访客总数

将以下代码存放到主题的functions.php中,可以放在最后面:

//总访问量
    function theAllViews()
        {
            $db = Typecho_Db::get();
            $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');
                echo number_format($row[0]['SUM(VIEWS)']);
        }

然后在右侧边栏加上响应耗时部分,具体就是修改component/sidebar.php这个文件,在合适的位置加上如下代码

<li class="list-group-item"> <i class="glyphicon glyphicon-user text-muted"></i> <span class="badge
pull-right"><?php echo theAllViews();?></span><?php _me("访客总数") ?></li>

最后修改:2021 年 04 月 26 日 04 : 01 AM
如果觉得我的文章对你有用,请随意赞赏
END
本文作者:
文章标题:本站handsome主题折腾记录
本文地址:https://blog.uundo.cn/index.php/archives/3/
版权说明:若无注明,本文皆ZzUndo's Blog原创,转载请保留文章出处。