<HandSome>主题美化系列教程（3）

博主： flynn
发布时间：2021 年 12 月 30 日
156 次浏览
暂无评论
6822字数
分类：默认分类

## 前言

关于handsome主题的一些美化和修改统一记录，方便以后开速查找
<div class="tip inlineBlock share">

本文内容源于网络，如有侵权还请告知，若失效请在下方留言
</div>

## 显示实时在线人数

#### 说明

* 在线人数统计时间可以自行调整，默认的是30秒刷新一次；
* 统计日志文件位置可以自行指定，默认在网站根目录创建；
* 代码对于Typecho程序应该是通用的，也适用于本博目前使用的Handsome主题；
 
</div>

#### 显示效果

![在线人数](http://yycn.site/usr/uploads/2021/12/4256649075.png)

#### 代码

* `在Handsome`主题的位置`/usr/themes/handsome/`目录下找到`functions.php`，文件中添加以下代码；

```
//在线人数
function online_users() {
 $filename='online.txt'; //数据文件
 $cookiename='Nanlon_OnLineCount'; //Cookie名称
 $onlinetime=30; //在线有效时间
 $online=file($filename); 
 $nowtime=$_SERVER['REQUEST_TIME']; 
 $nowonline=array(); 
 foreach($online as $line){ 
 $row=explode('|',$line); 
 $sesstime=trim($row[1]); 
 if(($nowtime - $sesstime)<=$onlinetime){
 $nowonline[$row[0]]=$sesstime;
 } 
 } 
 if(isset($_COOKIE[$cookiename])){
 $uid=$_COOKIE[$cookiename]; 
 }else{
 $vid=0;
 do{
 $vid++; 
 $uid='U'.$vid; 
 }while(array_key_exists($uid,$nowonline)); 
 setcookie($cookiename,$uid); 
 } 
 $nowonline[$uid]=$nowtime;
 $total_online=count($nowonline); 
 if($fp=@fopen($filename,'w')){ 
 if(flock($fp,LOCK_EX)){ 
 rewind($fp); 
 foreach($nowonline as $fuid=>$ftime){ 
 $fline=$fuid.'|'.$ftime."\n"; 
 @fputs($fp,$fline); 
 } 
 flock($fp,LOCK_UN); 
 fclose($fp); 
 } 
 } 
 echo "$total_online"; 
 }
```

![修改截图](http://yycn.site/usr/uploads/2021/12/1456819688.png)

* 然后在需要显示输出的地方添加以下代码，比如`footer.php`页脚文件
* `Handsome`主题添加到`/usr/themes/handsome/component/sidebar.php`文件

```
<li class="list-group-item"> <?php echo online_users() ?><?php _me("在线人数") ?></li>
```

![修改截图](http://yycn.site/usr/uploads/2021/12/1234050098.png)

## 主题添加评论者浏览器标识

* 添加以下的代码到`functions.php`文件末尾

```
/** 获取浏览器信息 */
function getBrowser($agent)
{ $outputer = false;
 if (preg_match('/MSIE\s([^\s|;]+)/i', $agent)) {
 $outputer = ' IE浏览器';
 } else if (preg_match('/FireFox\/([^\s]+)/i', $agent)) {
 $outputer = ' 火狐浏览器';
 } else if (preg_match('/Maxthon([\d]*)\/([^\s]+)/i', $agent)) {
 $outputer = ' 傲游浏览器';
 } else if (preg_match('#SE 2([a-zA-Z0-9.]+)#i', $agent)) {
 $outputer = ' 搜狗浏览器';
 } else if (preg_match('#360([a-zA-Z0-9.]+)#i', $agent)) {
 $outputer = ' 360浏览器';
 } else if (preg_match('/Edge([\d]*)\/([^\s]+)/i', $agent)) {
 $outputer = ' Edge';
 } else if (preg_match('/EdgiOS([\d]*)\/([^\s]+)/i', $agent)) {
 $outputer = ' Edge';
 } else if (preg_match('/UC/i', $agent)) {
 $outputer = ' UC浏览器 ';
 }else if (preg_match('/OPR/i', $agent)) {
 $outputer = ' 欧朋浏览器';
 } else if (preg_match('/MicroMesseng/i', $agent)) {
 $outputer = ' 微信内嵌浏览器';
 } else if (preg_match('/WeiBo/i', $agent)) {
 $outputer = ' 微博内嵌浏览器';
 } else if (preg_match('/QQ/i', $agent)||preg_match('/QQBrowser\/([^\s]+)/i', $agent)) {
 $outputer = ' QQ浏览器';
 } else if (preg_match('/MQBHD/i', $agent)) {
 $outputer = ' QQ浏览器 ';
 } else if (preg_match('/BIDU/i', $agent)) {
 $outputer = ' 百度浏览器';
 } else if (preg_match('/LBBROWSER/i', $agent)) {
 $outputer = ' 猎豹浏览器';
 } else if (preg_match('/TheWorld/i', $agent)) {
 $outputer = ' 世界之窗浏览器';
 } else if (preg_match('/XiaoMi/i', $agent)) {
 $outputer = ' 小米浏览器';
 } else if (preg_match('/UBrowser/i', $agent)) {
 $outputer = ' UC浏览器 ';
 } else if (preg_match('/mailapp/i', $agent)) {
 $outputer = ' email内嵌浏览器';
 } else if (preg_match('/2345Explorer/i', $agent)) {
 $outputer = ' 2345浏览器';
 } else if (preg_match('/Sleipnir/i', $agent)) {
 $outputer = ' 神马浏览器';
 } else if (preg_match('/YaBrowser/i', $agent)) {
 $outputer = ' Yandex浏览器';
 } else if (preg_match('/Opera[\s|\/]([^\s]+)/i', $agent)) {
 $outputer = ' Opera浏览器';
 } else if (preg_match('/MZBrowser/i', $agent)) {
 $outputer = ' 魅族浏览器';
 } else if (preg_match('/VivoBrowser/i', $agent)) {
 $outputer = ' vivo浏览器';
 } else if (preg_match('/Quark/i', $agent)) {
 $outputer = ' 夸克浏览器';
 } else if (preg_match('/mixia/i', $agent)) {
 $outputer = ' 米侠浏览器';
 }else if (preg_match('/fusion/i', $agent)) {
 $outputer = ' 客户端';
 } else if (preg_match('/CoolMarket/i', $agent)) {
 $outputer = ' 基安内置浏览器';
 } else if (preg_match('/Thunder/i', $agent)) {
 $outputer = ' 迅雷内置浏览器';
 } else if (preg_match('/Chrome([\d]*)\/([^\s]+)/i', $agent)) {
 $outputer = ' Chrome ';
 } else if (preg_match('/safari\/([^\s]+)/i', $agent)) {
 $outputer = ' Safari';
 } else{
 return false;
 }
 return $outputer;
}
/** 获取操作系统信息 */
function getOs($agent)
{
 $os = false;
 
 if (preg_match('/win/i', $agent)) {
 if (preg_match('/nt 6.0/i', $agent)) {
 $os = ' Windows Vista';
 } else if (preg_match('/nt 6.1/i', $agent)) {
 $os = ' Windows 7';
 } else if (preg_match('/nt 6.2/i', $agent)) {
 $os = ' Windows 8';
 } else if(preg_match('/nt 6.3/i', $agent)) {
 $os = ' Windows 8.1';
 } else if(preg_match('/nt 5.1/i', $agent)) {
 $os = ' Windows XP';
 } else if (preg_match('/nt 10.0/i', $agent)) {
 $os = ' Windows 10';
 } else{
 $os = ' Windows';
 }
 } else if (preg_match('/android/i', $agent)) {
if (preg_match('/android 9/i', $agent)) {
 $os = ' Android P';
 }
else if (preg_match('/android 8/i', $agent)) {
 $os = ' Android O';
 }
else if (preg_match('/android 7/i', $agent)) {
 $os = ' Android N';
 }
else if (preg_match('/android 6/i', $agent)) {
 $os = ' Android M';
 }
else if (preg_match('/android 5/i', $agent)) {
 $os = ' Android L';
 }
else{
 $os = ' Android';
}
 }
 else if (preg_match('/ubuntu/i', $agent)) {
 $os = ' Linux';
 } else if (preg_match('/linux/i', $agent)) {
 $os = ' Linux';
 } else if (preg_match('/iPhone/i', $agent)) {
 $os = ' iPhone';
 } else if (preg_match('/iPad/i', $agent)) {
 $os = ' iPad';
 } else if (preg_match('/mac/i', $agent)) {
 $os = ' OSX';
 }else if (preg_match('/cros/i', $agent)) {
 $os = 'chrome os';
 }else {
 return false;
 }
 return $os;
}
```

然后修改 `component` 目录下的 `comments.php` 文件
`<?php echo $author; ?><?php echo $Identity; ?>`
在以上代码的后面添加：

```
<?php echo getOs($comments->agent); ?>
<?php echo getBrowser($comments->agent); ?>
```

然后在主题设置自定义css添加

```
.agent {
    display: inline-block;
    margin-left: 5px;
    padding: 0 3px;
    border-radius: 2px;
    color: #58666e;
    font-size: 12px;
    opacity: .8
}
```

最后在 head 头部引入 css 文件

```
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
```

## 网站添加弹窗公告

自定义输出body 尾部的HTML代码添加这串代码就行

```
</script>
<script src="https://cdn.bootcss.com/sweetalert/2.1.0/sweetalert.min.js"></script>
<script>
swal('本站状态:稳定运行中','\n\n欢迎来到我的博客，请多多留言分享网站！','success'); function AddFavorite(title, url) {
 try {
 window.external.addFavorite(url, title);
 }
catch (e) {
 try {
 window.sidebar.addPanel(title, url,);
 }
 catch (e) {
 alert("抱歉，您所使用的浏览器无法完成此操作。");
 }
 }
}
</script>
```

最后修改：2021 年 12 月 30 日

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

发表评论取消回复

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

admin11111
大佬有二代亚瑟的教程吗？
尘埃落定
降级tftpd没反应呢咋办
雷锋
「JD路由器降级开启ssh刷入控制台刷入新固件」https:/...
黑苹果
你好，求一份工具，谢谢，能否给个网盘连接
百思
老哥，你找到工具了吗？求一份973934547@qq.com

<HandSome>主题美化系列教程（3）

flynn • 2021 年 12 月 30 日

## 前言

关于handsome主题的一些美化和修改统一记录，方便以后开速查找
<div class="tip inlineBlock share">

本文内容源于网络，如有侵权还请告知，若失效请在下方留言
</div>

## 显示实时在线人数

#### 说明

#### 显示效果

![在线人数](http://yycn.site/usr/uploads/2021/12/4256649075.png)

#### 代码

* `在Handsome`主题的位置`/usr/themes/handsome/`目录下找到`functions.php`，文件中添加以下代码；

![修改截图](http://yycn.site/usr/uploads/2021/12/1456819688.png)

* 然后在需要显示输出的地方添加以下代码，比如`footer.php`页脚文件
* `Handsome`主题添加到`/usr/themes/handsome/component/sidebar.php`文件

```
<li class="list-group-item"> <?php echo online_users() ?><?php _me("在线人数") ?></li>
```

![修改截图](http://yycn.site/usr/uploads/2021/12/1234050098.png)

## 主题添加评论者浏览器标识

* 添加以下的代码到`functions.php`文件末尾

```
<?php echo getOs($comments->agent); ?>
<?php echo getBrowser($comments->agent); ?>
```

然后在主题设置自定义css添加

```
.agent {
    display: inline-block;
    margin-left: 5px;
    padding: 0 3px;
    border-radius: 2px;
    color: #58666e;
    font-size: 12px;
    opacity: .8
}
```

最后在 head 头部引入 css 文件

```
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
```

## 网站添加弹窗公告

自定义输出body 尾部的HTML代码添加这串代码就行

<HandSome>主题美化系列教程（3）

发表评论取消回复

京东云无线宝路由器免拆刷机华硕老毛子Padavan及OpenWrt教程

欢迎使用 Typecho

此内容被密码保护

<HandSome>主题美化系列教程（1）

<HandSome>主题美化系列教程（2）

处理群晖NAS中的@eaDir文件夹

京东云无线宝路由器免拆刷机华硕老毛子Padavan及OpenWrt教程

虚拟机-PVE-VM-ESXi-命令行洗白黑群晖方式

ESXi 6.7/7.0如何把U盘设置为存储

ESXi安装&配置OpenWrt

<HandSome>主题美化系列教程（3）

发表评论 取消回复

<HandSome>主题美化系列教程（3）

发表评论取消回复