文章

本文主要是关于gite action的一些使用和配置记录。我的博客改动以后基于gitea action构建镜像，再使用docker compose 部署新的服务。

在remixjs中定义路由只需要按照照约定好的文件夹结构和文件名即可，但是规则更新好多版本，使人有很多误解，所以我基于当前版本总结了一下，方便后续使用时查询。

最近被裁员了，不得已重新复习下基础知识。本章巩固下 javascript 中原型链相关的知识，基于高级程序设计以及 mdn 上的文档整理相关知识。

记录下我的自建服务中的 cicd 实现。 我希望我的应用部署是自动化的，不用我每次手动打包，手动登录服务器部署代码。之前的大部分服务都是基于 docker 以及 docker-compose 部署的。但是每次都是手动打包加上登录服务器手动更新，有点麻烦。在双 11 有了性能主机作为打包编译的服务器以后，我就考虑用下牛刀杀鸡了，用一下热门了很多年的 k8s 生态部署应用。

记录下我的 Homelab 的搭建历程。

macbook pro 想要接入内网，同时又想用流量访问外网。所以采用 WIFI 以及 LAN 的 2 块网卡分别访问内外网，用 LAN 进入内网，用 WIFI 访问外网。

Tailscale 控制服务器可以使用 headscale 自建，本文主要是记录下 headscale 的 docker-compose 部署。

mac 端不能使用 windows 上 xshell、mobaxterm，在各种论坛文章上搜索半天，发现 termius 功能最满足我的需求：支持服务器批量管理、支持 SFTP、支持堡垒机 SFTP。 这篇文章主要就是说下如何在 termius 中的堡垒机中使用 SFTP。

最近再看tcp/ip的书籍，记录下https中的TLS1.2的握手过程

很久没有更新博客文章了，博客系统倒是一直在更新 (测试环境也是更新) 。今天终于发了一个新版本的博客，所以写一篇记录一下这么久的开发记录。于 2023 年 12 再次更新文章。

super关键字用于访问和调用一个对象的父对象上的函数。

BEM是一种css的命名规范，分别是Block（块）代表更高级别的抽象或组件，Element（元素） Block的后代，以及Modifier（修饰） 不同状态的修饰符，三个单词的缩写,目的是解决css混乱的命名方式，达到一个语义化的CSS命名方式。

compose的实现，来自redux中compose方法

monaco-editor是微软vscode的核心编辑器，除了在客户端中使用外，官方也支持在web端使用。由于我的博客想要一个能像vscode一样编辑页面的编辑器，所以采用了monaco-editor实现了一个页面编辑器。本文记录了monaco-editor在vue项目中的使用记录。

博客为了更快的推送、下载镜像，使用了阿里云的docker镜像系统，为了更快捷的发布镜像，所以结合makefile，使用一条命名完成发布。 看完整代码的跳到结合makefile的发布流程

在react、vue等框架中会有一个组件销毁时的方法，用来触发例如离开页面后的方法需要发送请求，但是这些方法在页面关闭以后都将无法触发。这时候可以用到beacon去实现。

业务中需要使用echarts双y轴刻度线对齐实现

使用flex布局解决部分浏览器下， max-height: 200px与overflow: auto;使用下一直出现滚动条的问题。

umd是一种兼容浏览器和node环境的模块引用方案，是一种同时兼容commonjs以及AMD的方案。

之前 golang 中使用 pongo2 作为模版框架渲染页面，在使用过程中，需要提取公共页面作为方法传入，依次记录 macro 的使用。

由于博客的文章搜索需求，所以考虑实现简易的全文搜索引擎。基于这篇文章与jieba的golang实现实现一个简易的全文搜索引擎。虽然最终也没有使用这种方式，算是扩展了下知识。

在网页端写文章时，很多网页都没有直接截图上传图片功能，每次需要在文章中插入图片需要先上传图片再复制图片链接到文章中。找了下文章发现document.onpaste就可以实现。

最近在vue开发环境中用nginx作为代理服务器正向代理时，偶尔会遇到 ERR_CONTENT_LENGTH_MISMATCH报错，导致引用的app.js无法加载，反复刷新也无效。

起因是我的群晖机子上用docker安装了jenkins想要做自动化部署，但是我要部署的软件也是使用docker的，也就是要构建的软件位于jenkins所在的容器中，构建好无法直接发布到群晖的docker中。 在容器中的jenkins想要调用宿主机的docker，docker outside of docker这种方案是用的最多的，具体就是将宿主机的docker挂载到容器中，容器调用内部docker其实就是在调用宿主机的docker。

在使用 golang go-sql-driver 操作 mysql 时，往 tag 表插入一条新数据时，如果插入失败，id 仍会自增，插入数据失败次数过多时，id 就看起来十分混乱。

首页，我要解释下为什么要用html-webpack-plugin的自定义功能。对于一般的单页页面应用来说，直接用html-webpack-plugin的默认配置，就已经足够。但是遇到前后端不分离的项目，后端往往需要使用后端模板生成一个完整页面时，前端直接用html-webpack-plugin生成一个完整页面给后端，那么就有点麻烦了。后端需要手动修改css以及js的文件名(为了减少用户缓存的影响，新的css、js都是hash后缀)。所以采取html-webpack-plugin的自定义方式打包成后端需要的js以及css。

群晖中的 crontab 和常规的 linux 不同，无法直接启用命令。所以在添加定时任务时，可以直接修改 crontab 文件再重启服务，达到添加定时任务的目的。

acme.sh 实现了 acme 协议, 可以从 letsencrypt 生成免费的证书。 本文以 owlnas.cc 为例，配置 https。