Counter 计数器

可以插入Markdown文件或HTML网页的计数器

GitHub Repo

Vercel

Powered by Vercel and Aircode

使用方法

将下方代码的 name= 后替换为自己的标识符,再插入到网页中即可。

  1. Markdown (推荐)

    1
    ![Counter](https://counter.jerryz.com.cn/counter?name=counter)

    Counter

  2. HTML

    1
    <img src="https://counter.jerryz.com.cn/counter?name=counter" alt="Counter">
    Counter

代码块前后也可以插入文字,例如:

1
您是该网页的第 ![Counter](https://counter.jerryz.com.cn/counter?name=counter) 位访客。

参数说明

  1. 是否将当前显示计入计数器

    • 计入:/counter

      1
      ![Counter](https://counter.jerryz.com.cn/counter?name=counter)

      Counter

    • 不计入:/view

      1
      ![Counter](https://counter.jerryz.com.cn/view?name=counter)

      Counter

  2. 字体大小

    1
    ![Counter](https://counter.jerryz.com.cn/counter?name=counter&font=20)

    Counter

  3. 深色模式(显示白色字体)

    1
    ![Counter](https://counter.jerryz.com.cn/counter?name=counter&dark=1)

    Counter

  4. 自定义颜色

    color后面的值为16进制颜色代码(不含 #)或rgb(a)颜色代码(不含空格)

    1
    2
    3
    ![Counter](https://counter.jerryz.com.cn/counter?name=counter&color=279cff)
    ![Counter](https://counter.jerryz.com.cn/counter?name=counter&color=rgb(136,136,255))
    ![Counter](https://counter.jerryz.com.cn/counter?name=counter&color=rgba(0,0,0,0.5))

    Counter

    Counter

    Counter

API

以下是使用不同编程语言发送 API 请求的示例代码:

  1. Python:
1
2
3
4
5
6
7
8
9
import requests

url = "https://counter.jerryz.com.cn/api/counter"
name = "your_variable_here"
data = {"name": name}

response = requests.post(url, json=data)
times = response.json()["times"]
print(times)
  1. JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const fetch = require('node-fetch');

const url = "https://counter.jerryz.com.cn/api/counter";
const name = "your_variable_here";
const data = { name };

fetch(url, {
method: 'POST',
body: JSON.stringify(data),
headers: { 'Content-Type': 'application/json' },
})
.then(response => response.json())
.then(data => {
const times = data.times;
console.log(times);
});
  1. Java:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import java.io.BufferedReader;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;

public class APIClient {
public static void main(String[] args) {
String url = "https://counter.jerryz.com.cn/api/counter";
String name = "your_variable_here";
String data = "{\"name\": \"" + name + "\"}";

try {
URL apiUrl = new URL(url);
HttpURLConnection connection = (HttpURLConnection) apiUrl.openConnection();
connection.setRequestMethod("POST");
connection.setRequestProperty("Content-Type", "application/json");
connection.setDoOutput(true);

connection.getOutputStream().write(data.getBytes());

BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()));
StringBuilder response = new StringBuilder();
String line;
while ((line = reader.readLine()) != null) {
response.append(line);
}
reader.close();

String jsonResponse = response.toString();
// Parse the JSON response and extract the "times" value
// ...

System.out.println(times);
} catch (Exception e) {
e.printStackTrace();
}
}
}
  1. PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
$url = "https://counter.jerryz.com.cn/api/counter";
$name = "your_variable_here";
$data = array("name" => $name);

$options = array(
'http' => array(
'header' => "Content-type: application/json",
'method' => 'POST',
'content' => json_encode($data),
),
);

$context = stream_context_create($options);
$response = file_get_contents($url, false, $context);
$responseData = json_decode($response, true);
$times = $responseData["times"];

echo $times;
?>
  1. 微信小程序:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
wx.request({
url: 'https://counter.jerryz.com.cn/api/counter',
method: 'POST',
data: {
name: 'your_variable_here'
},
header: {
'Content-Type': 'application/json'
},
success: function (res) {
const times = res.data.times;
console.log(times);
},
fail: function (error) {
console.log(error);
}
});

在这些示例中,将 your_variable_here 替换为你实际想要发送的变量值。然后运行相应的程序以发送POST请求。如果要将当前请求计入计数器,url 使用 https://counter.jerryz.com.cn/api/counter。如果不将当前请求计入计数器,url 使用 https://counter.jerryz.com.cn/api/view

部署

  1. 部署到AirCode

    Deploy with AirCode

    成功创建项目后,点击 Deploy,得到Aircode分配的域名(形如 https://xxxx.us.aircode.run )。

  2. 部署到Vercel

    Vercel

    项目创建完成后,请点击 Settings - Environment Variables 进入环境变量配置页创建环境变量 AIRCODE_DOMAIN,填写为Aircode分配的域名。