languageexpand_more
English Deutsch Español Français Русский язык Italiano 한어 简体中文 繁體中文 日本語

离线使用Google Material Icons

引用:https://stackoverflow.com/questions/37270835/how-to-host-material-icons-offline

1. 前往https://github.com/google/material-design-icons/releases下载最新的Releases包。

2. 解压后,将font文件夹整个上传到你的站点根目录。

3. 添加网站对字体格式的支持,在.htaccess文件里加入以下代码:

<FilesMatch ".(eot|ttf|otf|woff|woff2)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>

4. 创建一个css文件,来定义字体,(最新版本里只有ttf和otf两种格式):

文件结构

@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(iconfont/MaterialIcons-Regular.woff2) format('woff2'),
url(iconfont/MaterialIcons-Regular.woff) format('woff'),
url(iconfont/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;

/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;

/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;

/* Support for IE. */
font-feature-settings: 'liga';
}

5. 最后在HTML里调用图标
<span class="material-icons">face</span>
显示效果:


face

(php)25.WordPress访问统计

© Sunplace,2023
根据网上的灵感自己做了一个,省得伸手。
实现功能:

  • 真实的独立访客统计(UV)
  • 刷新页面不增加
  • 用户登录不增加(目前用户为网站管理员)is_user_logged_in()
  • 直接访问不增加(直接在浏览器输入本站地址)$_SERVER['HTTP_REFERER']==''()

数据库建表(建表语句):

# 举例用表,有wordpress数据库前缀"wp_"
# wp_addsettings结构有些复杂,如果只需要一个表来保存UV的值可以更简单
# 我的数据表另有其用
CREATE TABLE `wp_addsettings` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`opname` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,
`opval` varchar(11) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,
PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 4 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci ROW_FORMAT = Dynamic;

# 插入初始值
INSERT INTO `wp_addsettings` VALUES (1, 'uniquevisitor', '0');

页面代码(PHP),在模板的footer.php中加入:

<?php
//将一个数字从低到高每隔三位加一个逗号
function numformat($num){
$num=strrev($num);
$num=chunk_split($num,3,',');
$num=strrev($num);
$num=ltrim($num,',');
return $num;
}

//使用session来记录访问数
session_start();
if(!is_user_logged_in()&&$_SERVER['HTTP_REFERER']!=''&&!isset($_SESSION['uv'])){
$_SESSION['uv']= 0;
$uv++;
$wpdb->update($wpdb->prefix.'addsettings',array('opval'=>$uv),array('opname'=>'uniquevisitor'));
}
echo '访客数(UV):'.numformat($uv);
?>

群晖搭建内网穿透访问web

本文最后更新于1年前(2022-8-3 14:48:02),链接可能失效,内容可能难以复现。请注意甄别。

准备工作

  1. cloudflare账户
  2. 接管到cloudflare的域名(设置NS服务器)
  3. 需要绑定付款信息(本文选择免费计划,但依旧需要绑定VISA或者PayPal)
  4. NAS需要开启SSH
  5. NAS需要配置好web服务,可以通过内网访问IP地址测试网站是否可用

1.登录cloudflare官网
2.打开Zero Trust
3.找到Access-Tunnels
4.点击Create a tunnel

5.给你的通道取一个名称Tunnel name(本例设置为web)
6.Choose your environment选择Docker,复制下面$开头的命令

7.然后Next
8.在Subdomain填一个二级域名,例子为web
9. 因为我们需要访问web服务,所以Service选择HTTP 127.0.0.1
nas访问的端口一般为5000,如果要访问nas而不是web,则选择HTTP 127.0.0.1:5000

10.群辉安装docker
11. SSH登录群辉,sudo -i运行第6步的命令
12. 访问web.kkii.org进行测试

查询域名对应的DNS

本文最后更新于1年前(2016-5-10 09:36:06),链接可能失效,内容可能难以复现。请注意甄别。

打开cmd

C:\Users\Administrator>nslookup
默认服务器: ******
Address:  ******

> set type=ns
> baidu.com
服务器:  ******
Address:  ******

非权威应答:
baidu.com       nameserver = ns3.baidu.com
baidu.com       nameserver = ns4.baidu.com
baidu.com       nameserver = ns7.baidu.com
baidu.com       nameserver = dns.baidu.com
baidu.com       nameserver = ns2.baidu.com
>

其中的nameserver就是DNS服务器。