{ "version": "https://jsonfeed.org/version/1", "title": "biulight Site Blog", "home_page_url": "https://your-docusaurus-test-site.com/timeline/blog", "description": "biulight Site Blog", "items": [ { "id": "https://your-docusaurus-test-site.com/timeline/blog/2025/04/14/ubuntu-initialize", "content_html": "

常见的软件​

\n

Atuin​

\n

安装

\n
curl --proto '=https' --tlsv1.2 -LsSf https://setup.atuin.sh | sh
", "url": "https://your-docusaurus-test-site.com/timeline/blog/2025/04/14/ubuntu-initialize", "title": "快速配置你的 ubuntu 服务器", "summary": "常见的软件", "date_modified": "2025-04-14T00:00:00.000Z", "author": { "name": "feilx", "url": "https://github.com/biulight" }, "tags": [ "Linux", "Ubuntu" ] }, { "id": "https://your-docusaurus-test-site.com/timeline/blog/2025/02/07/qnap-docker", "content_html": "

威联通 Docker 国内无法拉取镜像？

\n

背景​

\n

由于众所周知的原因，国内拉取 docker 镜像愈发可困难，网上现有的教程涉及 NAS 的极少，为了能愉快的使用 NAS，我进行了大量尝试，终于找到了可用的方法，顺手记录下，分享给各位苦苦挣扎的道友。

\n

常见的方案​

\n

现有环境下，想成功拉取镜像，无非使用魔法或者换国内镜像。

\n

使用代理​

\n
    \n
  1. 开启威联通 ssh 服务,并通过 ssh 连接到 QNAP
    2. \n
\n
# 远程登录
ssh -p 22 username@192.168.0.155
\n
tip

SSH 服务的默认端口是 22，上述命令是 用户通过 SSH 工具用账号（username）连接到服务器（192.168.0.155）的 22 端口

\n
    \n
  1. 增加 docker 的代理配置
    2. \n
\n
# 编辑配置文件
sudo vim /share/CACHEDEV1_DATA/.qpkg/container-station/etc/docker.json
\n

增加代理配置

\n
/share/CACHEDEV1_DATA/.qpkg/container-station/etc/docker.json
{
  // 新增配置
  \"proxies\": {
    \"http-proxy\": \"http://代理地址:端口\",
    \"https-proxy\": \"http://代理地址:端口\",
    \"no-proxy\": \"*.test.example.com,.example.org,127.0.0.0/8\"
  }
}
\n
tip

ssh 登录后，可以通过 which docker、whereis docker 查看 docker 所在位置

\n
    \n
  1. 重启 docker 服务
    2. \n
\n
sudo /etc/init.d/container-station.sh restart
\n
    \n
  1. 查看配置是否成功
    2. \n
\n
docker info
\n

如下图：\n\"代理设置成功\"

\n

完成上述设置后，你就可以愉快的拉取镜像了

\n

更换国内镜像源​

\n
\n

参考使用代理，增加镜像源配置

\n
\n

步骤 1、2 参考使用代理

\n
# 编辑配置文件
sudo vim /share/CACHEDEV1_DATA/.qpkg/container-station/etc/docker.json
\n

增加镜像源配置

\n
/share/CACHEDEV1_DATA/.qpkg/container-station/etc/docker.json
{
  // 新增配置
  \"registry-mirrors\": [
    \"https://mirror.ccs.tencentyun.com\",
    \"https://docker.mirrors.ustc.edu.cn\"
  ]
}
\n
info

腾讯云镜像加速器地址：https://mirror.ccs.tencentyun.com

中国科学技术大学：https://docker.mirrors.ustc.edu.cn

Docker 官方镜像（中国区）镜像加速：https://registry.docker-cn.com

网易云镜像加速器地址：http://hub-mirror.c.163.com

南京大学镜像加速器地址：https://docker.nju.edu.cn

\n

剩余步骤参考使用代理

", "url": "https://your-docusaurus-test-site.com/timeline/blog/2025/02/07/qnap-docker", "title": "拯救你的Docker", "summary": "威联通 Docker 国内无法拉取镜像？", "date_modified": "2025-02-07T00:00:00.000Z", "author": { "name": "feilx", "url": "https://github.com/biulight" }, "tags": [ "Linux", "Docker", "QNAP" ] }, { "id": "https://your-docusaurus-test-site.com/timeline/blog/2025/02/05/deploy-by-github", "content_html": "

怎样通过 Github 自动交付前端编译产物？

\n

准备​

\n

一台阿里云 ubuntu 服务器

\n

实施​

\n

以 deploy 用户组下的 deploy001-timeline 用户,部署目录 /path/to/folder，部署工具 easingthemes/ssh-deploy@v2.2.11 为例

\n

新建部署用户，修改部署目录权限​

\n
tip

遵循权限最小化原则，创建 deploy001-timeline 用户，用于部署\n若已存在 deploy 用户组，跳过步骤 1，直接新建指定项目部署用户

\n
# 检查指定xxx用户组是否存在
cat /etc/group | grep xxx
\n
    \n
  1. 创建用户组
    2. \n
\n
sudo addgroup deploy
\n
    \n
  1. 创建用户
    2. \n
\n
sudo adduser --ingroup deploy deploy001-timeline
\n
    \n
  1. 指定部署目录的归属
    2. \n
\n
sudo chown deploy001-timeline:deploy /path/to/folder
\n
    \n
  1. 更新目录权限
    2. \n
\n
sudo chmod 755 /path/to/folder
\n

配置部署工具​

\n

以 easingthemes/ssh-deploy@v2.2.11 为例

\n
tip

easingthemes/ssh-deploy使用手册

\n

服务器侧​

\n
tip

使用 ssh 登录服务器，需要使用一组秘钥对，其中公钥设置到服务器 ~/.ssh/authorized_keys 文件中，私钥设置在客户端

\n
    \n
  1. 登录新创建的用户
    2. \n
\n
su deploy001-timeline
\n
    \n
  1. 生成非对称密钥
    2. \n
\n
ssh-keygen -m PEM -t rsa -b 4096 -f deploy001-timeline -C \"deploy001-timeline\"
\n
    \n
  1. 把公钥粘贴到 authorized_keys 文件中
    2. \n
\n
# 查看公钥，复制输出到终端的结果
cat deploy001-timeline.pub
# 编辑 authorized_keys 文件，并把复制的结果粘贴到此文件
vim ~/.ssh/authorized_keys
\n
~/.ssh/authorized_keys
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAACAQDcGxPtreCc5bBbaN7jIRuVuTQkC0Mp6VxnyC5sQKG1IZwSL5agL3Zdbu3YVzx0rSU33XZZj5lWp0AAz4ABQGhAU6iIgDNjRmhyuLG4VOS3Gas21Si1lK4Dm/D0lBA//zFmDBTwa9sAEl39rJQCQYL3n2prMrlC2k8m93RGLFmgxWDcb2D+LGgi43bgR4TXvJD6dZa7xfIldsQL5SQpCzEMX8uDDlnnsus99AqmmMzUenW6I25G2ApwgUY/Toj/scCGeHRb7PmGK0AwjqBr9siiIRNi0DpX4JbYPqLPn0IciC70RNLs2tOEFV1BwP50gmF5eDD4tI7NOLaI4HvkesYy9xF6qBtNJOfALgu7Dt+s5g5izXg2pfb/RKJw2WEj56hLI2NIOr1CgZRJH6Yq2xlP1SKlo3GwkzT/NhnhiO1NFy/FKFj/sYmn4/SM92QM2OmruPDAU6JUHUT9P7m/bhlAxo5xrzMqH8v9c4acxUGz5s87j8eNcNfaIuzMQOG+jzEOqqdWI4uLeTPHrm4pSuZUuse7IenTN3Wx1MD4CfjyZZZIWR6Xv+f7MJ0CpbvpZ7E4MjenLfb8g/upl2L1kv3Lz/UUbL4n38DCY113wkJY5x6T54ckqHUmhirsL2SCHb71VAtxUhEByCTBdPEN18Hh+QOKKTp4rmJYjNrvm4E5yw== deploy001-timeline
\n
tip

vim 是 linux 常用的终端编辑器，常见命令如下

    \n
  1. :wq 保存并退出
    2. \n
  2. i 进入输入视图
    3. \n
\n

Github 配置​

\n

配置 secrets ，在 workflow 中使用

\n
tip

配置位置如下图所示\n\"配置位置参考图\"

\n
    \n
  1. 新增 ALY_USER，如下
    2. \n
\n
deploy001-timeline
\n
    \n
  1. 新增 ALY_HOST，如下
    2. \n
\n
192.168.0.155
\n
    \n
  1. 新增 ALY_SSH_TOKEN，如下
    2. \n
\n
-----BEGIN RSA PRIVATE KEY-----
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
-----END RSA PRIVATE KEY-----
\n
tip
\n

项目 workflow 配置​

\n
tip

配置文件配置在项目中，通常写在 .github/workflows 目录下

\n

example:

\n
.github/workflows/deploy.yml
name: Deployment
# 触发脚本的条件，develop分支push代码的时候
on:
  push:
    branches:
      - release
# 要执行的任务
jobs:
  # 任务名称
  build:
    # runs-on 指定job任务运行所需要的虚拟机环境（必填）
    # runs-on: self-hosted
    runs-on: ubuntu-latest
    # 任务步骤
    steps:
      # 获取源码
      - name: pull code
        # 使用action库  actions/checkout获取源码
        uses: actions/checkout@v3
      # 安装node
      - name: create build environments
        # 使用action库 actions/setup-node 安装node
        uses: actions/setup-node@v3
        with:
          node-version: 18.20.4
      # 安装依赖
      - name: install
        run: npm install
      # 打包
      - name: build
        run: npm run build
      - name: Upload static files as artifact
        id: deployment
        uses: actions/upload-pages-artifact@v3 # or specific \"vX.X.X\" version tag for this action
        with:
          path: build/
      # 上传打包文件到远程服务器
      - name: ssh deploy
        uses: easingthemes/ssh-deploy@v2.2.11
        env:
          REMOTE_USER: ${{secrets.ALY_USER}}
          REMOTE_HOST: ${{secrets.ALY_HOST}}
          REMOTE_PORT: \"22\"
          ARGS: \"-rltgoDzvO --delete\"
          SSH_PRIVATE_KEY: ${{secrets.ALY_SSH_TOKEN}}
          # 要上传文件所在目录
          SOURCE: \"build/*\"
          # 远程服务器目标路径
          TARGET: \"/var/www/timeline\"
\n

补充​

\n

NGINX 配置​

\n

以访问 http://blog.biulight.cn/timeline 能显示 /var/www/timeline 目录内容为例

\n
tip
    \n
  1. 通常，Nginx 的虚拟主机配置位于/etc/nginx/sites-available/目录下。如果已经有针对timeline的配置文件，可以直接编辑它；否则，创建一个新的配置文件。
    2. \n
  2. 启用配置文件，需要在 /etc/nginx/sites-enabled/目录下有对应配置文件的映射。
    3. \n
\n
    \n
  1. 新增配置文件
    2. \n
\n
/etc/nginx/sites-available/timeline
server {
    listen 80;
    server_name blog.biulight.cn;

    # 映射/timeline到指定目录
    location /timeline {
        alias /var/www/timeline;
        index index.html index.htm;
    }
}
\n
    \n
  1. 启用配置文件
    2. \n
\n
# 建立软连接，启用新增的配置文件
ln -s /etc/nginx/sites-available/timeline /etc/nginx/sites-enabled/timeline
\n
    \n
  1. 测试配置文件
    2. \n
\n
# 修改完配置后，运行以下命令检查语法是否正确
sudo nginx -t
\n
    \n
  1. 重新加载 Nginx 服务
    2. \n
\n
# 如果测试通过，重新加载Nginx以应用更改：
sudo systemctl reload nginx
\n

使用 Let's Encrypt 证书​

\n
tip

ubuntu 安装查看certbot官方文档

\n

使用certbot自动生成证书

\n
sudo certbot --nginx
", "url": "https://your-docusaurus-test-site.com/timeline/blog/2025/02/05/deploy-by-github", "title": "使用Github自动交付前端制品", "summary": "怎样通过 Github 自动交付前端编译产物？", "date_modified": "2025-02-05T00:00:00.000Z", "author": { "name": "feilx", "url": "https://github.com/biulight" }, "tags": [ "Linux", "Ubuntu", "Deploy", "GitHub", "CI/CD" ] }, { "id": "https://your-docusaurus-test-site.com/timeline/blog/2025/02/04/ubuntu-install-neovim", "content_html": "

Ubuntu 怎样安装指定版本的 Neovim?

\n

背景​

\n

由于 apt 中只有 Neovim(v0.72)的安装包。想使用新版需要自己安装

\n
\n

以 v0.9.5 版本为例

\n
\n

方案一​

\n
    \n
  1. 去 Github 上查看指定版本的压缩包,并下载
    2. \n
\n
sudo wget https://github.com/neovim/neovim/releases/download/v0.9.5/nvim-linux64.tar.gz
\n
    \n
  1. 解压缩 nvim-linux64 至 /opt 目录
    2. \n
\n
sudo tar -C /opt -xzf nvim-linux64.tar.gz
\n
    \n
  1. add this to your shell config (~/.bashrc, ~/.zshrc, ...):
    2. \n
\n
export PATH=\"$PATH:/opt/nvim-linux64/bin\"
\n
    \n
  1. reload shell config
    2. \n
\n
source ~/.bashrc
\n

方案二​

\n

使用 snap 包管理工具安装

\n
sudo snap install nvim --classisc
", "url": "https://your-docusaurus-test-site.com/timeline/blog/2025/02/04/ubuntu-install-neovim", "title": "Install Neovim", "summary": "Ubuntu 怎样安装指定版本的 Neovim?", "date_modified": "2025-02-04T00:00:00.000Z", "author": { "name": "feilx", "url": "https://github.com/biulight" }, "tags": [ "Linux", "Ubuntu", "Neovim" ] }, { "id": "https://your-docusaurus-test-site.com/timeline/blog/2024/08/10/document.title", "content_html": "

埋点监控 SDK ENTER 事件怎样获取到页面标题？

\n

背景​

\n

使用 window.onload、hashchange 事件获取 document.title 时，某些场景出现异常，值为空

\n

分析​

\n

单页面应用，document.title 存在异步设置的场景（如页面是后管配置的，需要等接口返回页面标题）

\n

方案​

\n

场景一：多页面应用，title 写在 html 文件里；​

\n

window.onload 事件可以正常获取到页面标题

\n

场景二：单页面应用，title 在页面初始化后设置；​

\n
\n

借助 MutationObserver 观察 title 元素更新

\n
\n
function watchForTitleChanges(callback, type) {
  let ele = document.getElementsByTagName(\"title\")?.[0];
  if (!ele) {
    ele = document.createElement(\"title\");
    document.head.appendChild(ele);
  }
  let previousTitle = document.title;
  const observer = new MutationObserver((mutationList, observer) => {
    const title = document.title;
    if (previousTitle !== title) {
      previousTitle = title;
      callback?.(title);
      if (type === \"once\") observer.disconnect();
    }
  });

  observer.observe(ele, { childList: true });
  // 非仅监听一次更新时，返回取消监听函数
  if (type !== \"once\") return observer.disconnect;
}
\n

完美实现如下：

\n
// 页面初次加载时，在 load 事件中注册 watch
window.addEventListener(\"load\", () => {
  watchForTitleChanges((title) => {
    console.log(\"title发生了变化\", title);
  }, \"once\");
});

// 路由切换时，在 hashchange 事件中注册 watch
window.addEventListener(\"hashchange\", () => {
  watchForTitleChanges((title) => {
    console.log(\"title发生了变化\", title);
  }, \"once\");
});
", "url": "https://your-docusaurus-test-site.com/timeline/blog/2024/08/10/document.title", "title": "Watch document.title", "summary": "埋点监控 SDK ENTER 事件怎样获取到页面标题？", "date_modified": "2024-08-10T00:00:00.000Z", "author": { "name": "feilx", "url": "https://github.com/biulight" }, "tags": [ "Web", "Supervisory control" ] }, { "id": "https://your-docusaurus-test-site.com/timeline/blog/2022/10/29/docker", "content_html": "

如何安装docker？

\n

Ubuntu​

\n

Snap 安装​

\n
\n

Snap 是一种全新的软件包管理方式，它类似一个容器拥有一个应用程序所有的文件和库，各个应用程序之间完全独立。

\n
\n
snap install docker
snap start docker --enable # 启动 docker，并添加随机启动

snap services docker # 确认服务状态
service snap.docker.dockerd status # 确认服务详情

snap refresh docker # 更新 Snap 安装的 docker 服务

\n

常见的问题​

\n
    \n
  1. Got permission denied while trying to connect to the Docker daemon socket
    2. \n
\n
sudo chmod 666 /var/run/dokcer.sock

\n
    \n
  1. Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/dokcer.sock:Get http://%2Fvar%2Fdocker.sock/v1.40/containers/json:dial unix /var/run/docker.sock:connect:permission denied
    2. \n
\n
sudo usermod -aG docker ${USER}
\n
    \n
  1. Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock
    2. \n
\n
sudo chmod 666 /var/run/docker.sock
", "url": "https://your-docusaurus-test-site.com/timeline/blog/2022/10/29/docker", "title": "Install Docker", "summary": "如何安装docker？", "date_modified": "2022-10-29T00:00:00.000Z", "author": { "name": "feilx", "url": "https://github.com/biulight" }, "tags": [ "docker", "ubuntu", "linux" ] }, { "id": "https://your-docusaurus-test-site.com/timeline/blog/2022/08/20/ssh-two-github", "content_html": "

在同一台电脑上，如何配置多个SSH Key？

\n

背景​

\n

通常，我们只会生成一个SSH Key（id_rsa）,然后提交到多个不同的网站(如：github, gitee, 服务器);\n但是也存在另外一种需要，我们在同一个网站上，注册了多个用户。通常网站不允许为多个用户名配置同一个SSH Key，此时就给用户造成些许麻烦。

\n

如下图，就是github网站，往多个账号添加同一个SSH Key报错提示。\n\"github

\n

重点来了，怎样配置多个SSH Key呢？下面就以我自身为例，给出解决方案。

\n

解决方案​

\n

我当前已配置了一个SSH Key，已关联了多个网站，怕麻烦的我，并不想修改它，我继续把它当做默认的SSH Key。\n此时我只需要增加一个新的SSH Key,关联到新的github账户

\n
tip

多个github账户的配置方案跟下述的方案没有太大的差异，所以只要学会加法，就很容易了。

\n

准备工作​

\n\n

配置​

\n

以Mac/Linux为例

\n
    \n
  1. 打开终端，生成新的SSH Key
    2. \n
\n
cd ~/.ssh
ssh-keygen -m PEM -t rsa -b 4096 -f biulight -C \"biulight007@gmail.com\"
\n
tip
    \n
  1. 上述命令会在当前目录下生成两个文件biulight, biulight.pub , 因此一般会选择在 ~/.ssh 目录下
    2. \n
  2. 后缀.pub的文件为公钥文件，没有后缀的为私钥文件。
    3. \n
  3. 可以通过 ssh-keygen --help 查看对应命令信息。
    4. \n
\n
    \n
  1. \n

    把biulight.pub里面的内容复制到新准备的github账户（biulight）中对应的位置

    \n
    2. \n
  2. \n

    再次打开终端，编辑 ~/.ssh/config 文件

    \n
    3. \n
\n

在该文件中新增以下内容

\n
# biulight登录信息
Host biulight # 别名（可以随便起）
HostName github.com # 访问的真实地址
PreferredAuthentications publickey # 配置登录用什么权限验证
IdentityFile ~/.ssh/biulight  # 私钥文件(证书所在的位置)
\n

关键在于Host与HostName的区别：

\n\n
tip

~/.ssh/config文件其他配置信息:

\n
    \n
  1. 拉取代码
    2. \n
\n

通常我们在Web页面上复制的SSH URL，可以直接使用，例如：

\n
git clone git@github.com:biulight/blog.git
\n

但是，由于现在使用的biulight的秘钥，因此需要修改原有的URL

\n
# 用上面配置的HostName替换链接中的 `github.com`
git clone git@biulight:biulight/blog.git
\n

总结​

\n

此时，就可以通过git ssh玩转多个github账户了

\n

其他​

\n

如果想要进一步区分每个账户提交，可以为仓库设置局部的用户名和邮箱

\n
# 取消全局 用户名/邮箱 配置
git config --global --unset user.name
git config --global --unset user.email

# 单独为每个repo设置 用户名/邮箱
git config user.name \"xxx01\"
git config user.email \"xxx01@gmail.com\"
", "url": "https://your-docusaurus-test-site.com/timeline/blog/2022/08/20/ssh-two-github", "title": "SSH登录多个github账户", "summary": "在同一台电脑上，如何配置多个SSH Key？", "date_modified": "2022-08-20T00:00:00.000Z", "author": { "name": "feilx", "url": "https://github.com/biulight" }, "tags": [ "git", "ssh", "github" ] }, { "id": "https://your-docusaurus-test-site.com/timeline/blog/2022/08/16/commu", "content_html": "

在微信小程序中，如何实现原生页面与webview内嵌的h5页面双向通信？

\n

背景​

\n

微信小程序提供的 message只能在特定的场景触发

\n

内嵌h5在小程序中的交互（跳转）场景​

\n\n

内嵌h5跳转h5的方式​

\n

常见的h5跳转h5方式

\n
    \n
  1. 直接用 location.href 跳转
    2. \n
  2. 通过路由hash跳转，触发 hashchange ,页面不刷新， js 层面重新渲染
    3. \n
  3. 跳转页面打开一个新的 webview ，相当于每个页面都是一个独立的 webview
    4. \n
\n

跨页面通信的实现​

\n

实现的条件​

\n
tip

url链接 hash 变化，不会重新加载页面

\n\n

方案缺点​

\n

需要h5和小程序同步改造

\n

基础版实现​

\n

中级版实现​

\n

终极版本实现​

", "url": "https://your-docusaurus-test-site.com/timeline/blog/2022/08/16/commu", "title": "小程序与h5通信实现方案", "summary": "在微信小程序中，如何实现原生页面与webview内嵌的h5页面双向通信？", "date_modified": "2022-08-16T00:00:00.000Z", "author": { "name": "feilx", "url": "https://github.com/biulight" }, "tags": [ "Weixin Mini Program" ] } ] }