一些关于前端、技术，和我的生活的文字

前端

技术

生活

关于我

进入NetlifyCMS

Spark1e的Github

前往Twitter

给spark1e发邮件

在博客中搜索……

Spark1e的个人博客

> idc.wiki [link](https://idc.wiki/aff.php?aff=2878)

> Spartan Host [link](https://billing.spartanhost.net/aff.php?aff=2164)

> Bandwagong Host [link](https://bandwagonhost.com/aff.php?aff=70960)

> Oracle Cloud

### idc.wiki

### Spartan Host (斯巴达)

> 斯巴达由于目前没有抗DDoS的需求，已经drop.

### Bandwagong (搬瓦工)

### Oracle (甲骨文)

> 我的是位于韩国首尔的机房

一些我自己使用效果比较好的VPS推荐

### `autocomplete="off"`

对于一般的表单来说，这个属性即可关闭。

### 密码输入框，`autocomplete="new-password"`

这个一般是你的浏览器检测到当前表单里存在`type="password"`的时候，会触发密码管理器的菜单，通过new-password属性，浏览器认为此处不应使用旧的密码，一般会弹出密码建议。

### 去除掉表单的name属性

如一般的email、phone之类的会触发历史自动填充，去除掉可以解决一部分。

### 顽固派，`autocomplete="new"`

这个没有找到规律，且是在一个输入邮箱的位置，已经移除了name后还会出密码管理器，加上这个属性后自测Chrome（含Edge）、Safari显示完美，Firefox会出现密码管理器但是不会展示已保存的密码。


逐步根除inut表单聚焦时弹出自动填充

__大佬提供了正确修复链，请见[他的博客文章](https://blog.iks.moe/archives/AlphaSSL-2023-GlobalSign-R6-fullchain.html)__

> GlobalSign证书的兼容性表格：[https://support.globalsign.com/ca-certificates/root-certificates/globalsign-root-ubiquity](https://support.globalsign.com/ca-certificates/root-certificates/globalsign-root-ubiquity)

从GlobalSign官网可知，2024年1月29日起，使用了R6的根证书，兼容性在安卓上的最低版本为Android 10，因此如果 __希望兼容更旧的安卓或者Windows设备__ 暂时不要使用新申请AlphaSSL的方式。

> 更换了使用ZeroSSL的免费证书后，问题解决。

如果您不清楚该根证书能否在设备上兼容，可以访问如下地址在您的设备上，如果能够正常打开表明该根证书被浏览器信任，反正（或白屏）则不能：

https://valid.r6.roots.globalsign.com/

> 同理，如果您的根证书是r5，则把中间位改为r5


AlphaSSL的不同兼容性

有关于使用AlphaSSL证书在老Android设备上证书无法信任的问题

### 0. Docker安装Loki插件

```bash
# 安装插件
docker plugin install grafana/loki-docker-driver:latest --alias loki --grant-all-permissions
 
# 查看插件
docker plugin ls
 
# 更新插件
docker plugin disable loki --force
docker plugin upgrade loki grafana/loki-docker-driver:latest --grant-all-permissions
docker plugin enable loki
systemctl restart docker
 
# 卸载插件
docker plugin disable loki --force
docker plugin rm loki
```

### 1. Compose文件里增加日志指定

```yml
x-logging:
  &loki-logging
  driver: loki
  options:
    loki-url: "http://127.0.0.1:3100/loki/api/v1/push"
    max-size: "300m"
    max-file: "10"

# 需要的位置添加一行
# logging: *loki-logging
```


Compose情况

Docker容器接入Loki日志系统

1. 通过whistle的后台界面，下载rootca.crt文件
2. 在系统设置的搜索框里输入“证书”或“Certificates”，或者在开始的搜索里输入certmgr，打开证书管理器
3. 找到左侧边栏里的“Trusted Root Certification Authorities” （即受信任的根证书颁发者），右键，选择导入，找到刚刚下载的rootca.crt
4. 重启Chrome浏览器

然后再配置proxymanager之后，即可正常抓包Chrome浏览器的https请求。

如何在windows上配置信任证书

在Windows上信任抓包软件Whistle的证书

在命令行内依次执行下面的命令：

```bash
cd /tmp
apt -y download libcrypt1
dpkg-deb -x libcrypt1_1%3a4.4.25-2_amd64.deb  . // 请注意下载的最新的版本号
cp -av lib/x86_64-linux-gnu/* /lib/x86_64-linux-gnu/
apt -y --fix-broken install
```

修复WSL通过apt安装包时报错"/usr/bin/perl: error while loading shared libraries: libcrypt.so.1:"

## 重写URL

#### 自定义筛选表达式：

条件：

主机名 等于 cdn二级域

且

URI路径 不包含 `/file/<BUCKET_NAME>`

=> 重写到 Dynamic `concat("/file/<BUCKET_NAME>", http.request.uri.path)`

=> 保留查询

## 修改响应头

所有传入请求（自定义筛选应该也可以）

则

删除 `X-Bz-Content-Sha1`, `X-Bz-File-Id`, `X-Bz-File-Name`, `-Bz-Upload-Timestamp`

Cloudflare CDN反代Backblaze

#### 手工添加rc.local

```bash
cat <<EOF >/etc/rc.local
#!/bin/sh -e
#
# rc.local
#
# This script is executed at the end of each multiuser runlevel.
# Make sure that the script will "exit 0" on success or any other
# value on error.
#
# In order to enable or disable this script just change the execution
# bits.
#
# By default this script does nothing.

exit 0
EOF
```

```bash
chmod +x /etc/rc.local
systemctl enable --now rc-local # 无视警告即可
```

Debian增加开机启动脚本

一、从原来的Docker镜像导出“设置”

![qq截图20231107014719](/img/uploads/qq截图20231107014719.png)

可见这是一个完全导出的容器，容器名被改为了当时备份的时间tag，需要改成Docker Hub（或者其他注册表）上最新的镜像。

右键该容器，选择设置，导出，只导出设置，会生成一个.syno.json文件。

![qq截图20231107014755](/img/uploads/qq截图20231107014755.png)

![qq截图20231107014806](/img/uploads/qq截图20231107014806.png)

![qq截图20231107014848](/img/uploads/qq截图20231107014848.png)

二、更改镜像

在编辑前，我建议提前将对应镜像下载下来。

然后右键选择编辑，定位到"image"字段，手工改为registry的url和tag：

![qq截图20231107014913](/img/uploads/qq截图20231107014913.png)

![qq截图20231107015010](/img/uploads/qq截图20231107015010.png)

> 自Docker Hub无法正常拉取镜像后我自己做了一个油猴插件，在Hub页面可以选镜像：https://greasyfork.org/zh-CN/scripts/474200-docker-hub-mirrors

保存，然后删除掉旧容器，再选择导入设置，即可自动改为新镜像启动容器。

> 删除旧容器之前建议留存一份截图以防万一，还能手工恢复。

![qq截图20231107015504](/img/uploads/qq截图20231107015504.png)

利用群晖的Docker导出设置机制

群晖系统将完全备份的Docker容器改为最新镜像

> 过时的浏览器兼容URL对象：[https://github.com/JakeChampion/polyfill-library/blob/master/polyfills/URL/polyfill.js](https://github.com/JakeChampion/polyfill-library/blob/master/polyfills/URL/polyfill.js)

> 对本文反向，即无法正常显示IDN的情况转换成punycode：[https://github.com/mathiasbynens/punycode.js](https://github.com/mathiasbynens/punycode.js)

## 什么是IDN？

> 相关讨论：[https://www.xudongz.com/blog/2017/idn-phishing/](https://www.xudongz.com/blog/2017/idn-phishing/)

IDN全称：Internationalized Domain Names，本意是为了让URL更适配各个地方的本地语言，但是这也造成了IDN homograph attacks（IDN同形异义字攻击，下文称“同态攻击”）。

举例说明，这样一个域名：

```
// 为避免误点击，使用Code块
аpple.com
```

如果这样的URL展示在页面上，不仔细查看其前往的实际地址或者复制粘贴到地址栏，是无法发现其实际的URL为：`https://xn--pple-43d.com/`

这是因为这个URL中的`а`使用 Cyrillic（U + 0430）而不是ASCII“a”（U + 0041）。

## 如何防御这一类问题

### 浏览器自身防御机制

针对这种问题，浏览器自身有自己的策略，比如：

- Chrome：[link](https://chromium.googlesource.com/chromium/src/+/main/docs/idn.md)
- Firefox: [link](https://wiki.mozilla.org/IDN_Display_Algorithm)

在现代浏览器上，凡是赋予到link的dom上的href或者是URL对象的，都会被转换到实际的Punycode([wiki](https://en.wikipedia.org/wiki/Punycode))上，那么最简单的解决方案即：

```javascript
const suspiciousUrl = "аpple.com";
const c = new URL(suspiciousUrl);
if(c.href === suspiciousUrl) {
	console.log("secure url");
} else {
	console.log("suspicious detected ! original url is: " + c.href);
}
```