handsome主题修改/标签云/加载时间/访客统计

Author：大漠孤狼
发布时间：July 23, 2020
2697views
5 comments
2756 words
Categories： Web

### 标签云颜色

主题设置 - 开发者设置 - 自定义JS添加以下代码

```javascript

let tags = document.querySelectorAll("#tag_cloud-2 a");
let colorArr = ["#000000", "#000000", "#000000", "#000000", "#000000", "#000000"];
tags.forEach(tag => {
 tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
 tag.style.backgroundColor = tagsColor;
});

let tags = document.querySelectorAll("#tag_cloud-2 a");
let colorArr = ["#C0C0C0", "#C0C0C0", "#C0C0C0", "#C0C0C0", "#C0C0C0", "#C0C0C0"];
tags.forEach(tag => {
 tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
 tag.style.backgroundColor = tagsColor;
});

let tags = document.querySelectorAll("#tag_cloud-2 a");
let colorArr = ["#ADD8E6", "#ADD8E6", "#ADD8E6", "#ADD8E6", "#ADD8E6", "#ADD8E6"];
tags.forEach(tag => {
 tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
 tag.style.backgroundColor = tagsColor;
});

let tags = document.querySelectorAll("#tag_cloud-2 a");
let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
tags.forEach(tag => {
 tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
 tag.style.backgroundColor = tagsColor;
});

let tags = document.querySelectorAll("#tag_cloud-2 a");
let colorArr = ["#00BFFF", "#00BFFF", "#00BFFF", "#00BFFF", "#00BFFF", "#00BFFF"];
tags.forEach(tag => {
 tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
 tag.style.backgroundColor = tagsColor;
});
```

如果主题中启用了pjax，还需要将上面代码添加到pjax-pjax回调函数中；

### 网站加载耗时

在主题的functions.php文件中添加以下代码

```javascript
//加载耗时
 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;
 }

```

然后在/usr/themes/handsome/component/sidebar.php中添加以下代码

```javascript
<li class="list-group-item"> <?php echo timer_stop();?><?php _me("加载耗时") ?></li>
```

### 访客总数统计

在/usr/themes/handsome/functions.php文件中添加以下统计代码

```javascript

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

在/usr/themes/handsome/component/sidebar.php文件中插入以下调用代码

```javascript
<li class="list-group-item"> <?php echo theAllViews();?><?php _me("访客总数") ?></li>
```
<hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal">版权属于：大漠孤狼本文链接：<a class="content-copyright" href="https://www.dmgls.com/1006.html">https://www.dmgls.com/1006.html</a>转载时须注明出处及本声明</blockquote>

Last modification：January 7th, 2022 at 10:22 pm

如果觉得我的文章对你有用，请随意赞赏

5 comments

wilde
May 4th, 2021 at 10:58 pm

请问右边侧边栏热门文章怎么显示浏览量？

Reply
1. 大漠孤狼
  May 6th, 2021 at 06:34 pm
  
  @wilde
  
  这个是模板自带的，有浏览量的
  
  Reply
  1. wilde
    May 12th, 2021 at 11:24 am
    
    @大漠孤狼
    
    Thanks♪(･ω･)ﾉ
    
    Reply
sandyzjy
July 24th, 2020 at 09:54 am

学习学习

Reply
1. 大漠孤狼
  July 24th, 2020 at 09:55 am
  
  @sandyzjy
  
  嗯嗯，一起学习学习
  
  Reply