pintree是一个可以将浏览器书签转为导航网站的工具，但是其效果并不是那么地好，本文章打算对其进行一个改造。主要的一个目标是：完全地自动化更新书签

本次改造不是基于官方的pintree，而是基于 wynnforthework fork 的项目

主要原因在于该项目对原来的pintree进行了一遍改造，使其可以解析本地的google书签。（不过有些bug，例如图标不能显示） 查看全文 >>

Listpack

为什么需要 listpack，listpack 解决了什么问题？

​ Listpack 可以说是用来替代 ziplist 的，zipList 是一种特殊的双向链表（不使用指针来找到它前一个或者后一个元素），它的 entry 是使用 prebious_entry_length 记录前一个节点的长度，从而实现从后往前遍历，使用 encoding 来记录当前节点的数据类型和长度，从而知道当前节点的长度，实现从前往后遍历。因为使用prebious_entry_length 记录前一个节点的长度，因此它有连锁更新的问题

​ 在 Listpack 中，每一个 entry 只记录自己的长度，因此在新增或者修改元素时，只会涉及当前 entry 的更新，而不会影响到别的 查看全文 >>

1. 在配置文件config.mts中的 head 中引入busuanzi的js文件，这里使用CDN的方式引入

   1 2 3 4 5 6 7 8

   import { defineConfig } from 'vitepress' export default defineConfig({ head: [ ["script",{src:"https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js",defer:''}] ], })

   查看全文 >>

MAC中Mysql的GROUP BY关闭only_full_group_by模式方法

1. 找到mysql的配置文件，若没有则创建一个，

   1	sudo vim /etc/my.cnf

   添加下面的内容

   1 2	[mysqld] sql_mode='STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION'

   之后再配置一下配置文件的路径，再重启mysql即可

   

话不多说,直接上配置,在vscode中的setting.json文件中的launch下的configurations 中添加配置即可

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

//setting.json
"launch": {
 "configurations": [
   // ... other
    {
      "name": "ts-node",
      "type": "pwa-node",
      "request": "launch",
      "args": [
        "${relativeFile}"
      ],
      "env": {
        "NODE_OPTIONS": "--no-warnings"
    },
      "runtimeArgs": [
        "-r",
        //我这里使用的是全局安装的ts-node,当然你也可以直接写ts-node/register,建议使用全局安装的ts-node,不然你每次调试ts代码都得装ts-node和typescript,
        "/usr/local/lib/node_modules/ts-node/register",
      ],
      "cwd": "${workspaceRoot}",
      "protocol": "inspector",
      "internalConsoleOptions": "openOnSessionStart"
    },
  ],
  
  "compounds": []
  }

模块化

1. IIFE其实就是一个立即执行函数，最开始是使用这个来进行模块化的，隔离变量作用域

2. AMD（Asynchronous Module Definition异步模块定义）

3. UMD (Universal Module Definition,也就是通用模块定义),UMD是AMD+cjs的兼容版，在AMD和cjs的项目中，都可以引入UMD模块

4. CJS 是nodejs采用的模块化标准，使用require引入模块，exports 或 modules.exports来导出模块

5. ESM 是es6提出的模块化方案，是当前比较流行的模块化方案，在node.js中默认是使用cjs的模块化方案，可以在package.json中设置 “type”: “module”来标记为esm模块,使用import导入模块，export导出模块

如何更换apt的源

1
2
3
4
5
6
7
8
9
10
11
12

cat << EOF > /etc/apt/sources.list
deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse 
deb http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse 
deb http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse 
deb http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse 
deb http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse12345678910 
EOF

1

apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3B4FE6ACC0B21F32

overView

这篇文章旨在讲述我是如何使用jenkins做CI，CD的

使用docker启动jenkins容器

1
2
3
4
5
6
7

docker run --name jenkins-docker --rm --detach \
  --privileged --network jenkins --network-alias docker \
  --env DOCKER_TLS_CERTDIR=/certs \
  --volume jenkins-docker-certs:/certs/client \
  --volume jenkins-data:/var/jenkins_home \
  --publish 2376:2376 \
  docker:dind --storage-driver overlay2

1
2
3
4
5
6
7

docker run --name jenkins-blueocean --restart=on-failure --detach --privileged \
  --network jenkins --env DOCKER_HOST=tcp://docker:2376 \
  --env DOCKER_CERT_PATH=/certs/client --env DOCKER_TLS_VERIFY=1 \
  --publish 8080:8080 --publish 50000:50000 \
  --volume $(which docker):/usr/bin/docker \
  --volume jenkins-data:/var/jenkins_home \
  --volume jenkins-docker-certs:/certs/client:ro \

–privileged 和 –volume $(which docker):/usr/bin/docker是为了能够在jenkins中使用容器来进行构建

准备好证书

对于本地来说，可以使用mkcert来生成证书

安装：

• mac：

  1 2	brew install mkcert brew install nss # if you use Firefox

• windows

  1 2 3 4 5 6

  #Chocolatey choco install mkcert # or use Scoop scoop bucket add extras scoop install mkcert

生成证书

1
2
3
4
5

mkdir -p ~/.cert
#生成证书
mkcert -key-file ~/.cert/key.pem -cert-file ~/.cert/cert.pem "localhost"
#让系统信任生成的证书，只有初次生成证书时需要运行这个命令，后续通过 mkcert -key-file 生成的证书会自动被系统信任
mkcert -install

1. 一文教你使用在阿里云的服务器中使用命令行发送邮件 https://modernjs.dev/docs/apis/commands/monorepo/new
2. npm包的版本，以及如何规范升级npm包 https://mp.weixin.qq.com/s/ujWW6vTtwTcuiM8rj2vNTQ
3. 开发一个npm包的最佳实践（英文） https://snyk.io/blog/best-practices-create-modern-npm-package/
4. package.json 配置完全解读 https://juejin.cn/post/7145001740696289317
5. antfu 大神的一篇博客：发布esm和cjs的npm包(英文) https://antfu.me/posts/publish-esm-and-cjs
6. 字节跳动团队关于前端包管理工具的分享：https://zhuanlan.zhihu.com/p/582229306
7. 使用EJS模板自动生成代码: https://mushuichuan.com/2021/05/22/templateCodes/
8. 现代 JavaScript 库打包指南 : https://segmentfault.com/a/1190000042529806 查看全文 >>