木灵鱼儿

木灵鱼儿 1年前 Typecho博客教程

Typecho 使用highlight.js代码高亮如何实现代码行号

前言从写博客主题至今，对于代码高亮的行号，一直是比较头疼的，以前初学前端的时候，有过一些尝试，比如利用代码里面的行高是固定的，然后创建一个伪元素，伪元素的内容就是一行一个数字，然后通过脚本生成一个9999行的内容，然后伪元素父容器再做个内容溢出剪切，实现了一个代码行号的处理。最近博客主题评论下有人想要增加代码行号，我记得之前掘金是没有代码行号的，最近打开发现有了，于是就想办法给研究出来了。于是就有了这篇教程，方法也很简单。其实这个行号甚至与highlight.js关系不大，只是作为一个关联关系，可以用其他的同类竞品替代。教程[hide]在处理行号之前，我们需要保证代码已经被highlig...

1.6w 14 31

typecho 代码高亮 highlight.js

Proxmox VE（PVE）安装OpenWrt旁路由并共用一个网口

木灵鱼儿 1年前运维

Proxmox VE（PVE）安装OpenWrt旁路由并共用一个网口

前言该文章解决了以下问题：我有一台小主机，但是它只有一个网口，于是我安装了pve来进行服务器管理，但是我又想搞点魔法，因为软件层的代理，有时候无法满足一些偏门的网络请求，哪怕设置了全局啥的。于是我们就得安装OpenWrt来搞点魔法，并通过旁路由的形式共享同一个网口。但是魔法这个东西我们不想影响整个局域网内的设备，因为我们的实际需求，可能是个别设备，甚至只是个别时段才需要用到魔法，为此本教程就是来解决这些问题的。教程[hide]定制自己的固件我们可以自己去OpenWrt的官网实现自定义定制编译，也可以使用第三方的。官网：openwrt进去后输入x86，找到Generic x86/64选项。...

3.2w 0 60

OpenWrt Proxmox VE 旁路由

如何在项目中使用一个自定义的npm模块（如何使用一个魔改后的npm模块）

木灵鱼儿 1年前 vue 项目实战

如何在项目中使用一个自定义的npm模块（如何使用一个魔改后的npm模块）

前言一般情况下确实用不到这种极端处理方案，因为有名的插件依赖，基本上能碰到的bug情况是非常少见的。这篇文章解决的问题是：将 node_modules 中的模块自己修改后，又不想影响全局引入方式，或者说不方便去修改该模块的引入的时候使用的。教程中使用的是pnpm方式，如果你使用npm或者yarn，原理是一样的，可以参考完再自己去看对应的命令使用方式，大差不差的。[hide]教程假设我们已经将模块自己改好并打包好了，此时我们一般会得到一个dist目录，这个是模块打包后的产物，假设这个模块在node_modules中的文件夹夹名字是test，那么你就需要将dist放置在自己新创建的test目...

3451 0 4

硬链接魔改模块

Nestjs CORS配置和生产环境处理

木灵鱼儿 1年前 Nest.js

Nestjs CORS配置和生产环境处理

前言终于有机会上生产环境实战了，特意写上一篇文章方便以后使用。首先我们在本地开发的时候确实需要配置Nestjs的CORS，因为前端在开发阶段使用的api往往是我们本地起的服务，通过ip+端口的形式访问我们的后端，在浏览器中就会触发安全限制，报CORS跨域。为此在开发阶段我们就需要配置它。但是当我们上了生成环境后，就略有不同了。首先node本身没法去映射域名，所以我们需要通过Nginx或者其他做一个反向代理，想域名映射到本地的node服务上去，但是这就产生了问题，就是前端实际上请求的是nginx，nginx再跟nestjs沟通，但是nginx本身就是后端的，所以它不存在跨域的问题，反倒是前...

6828 1 8

跨域 nginx CORS

Debian12 SSH连接报错：Error Handshake failed no matching host key format

木灵鱼儿 1年前运维

Debian12 SSH连接报错：Error Handshake failed no matching host key format

前言最近重置debian12后，ssh连接发现报了错：Error: Handshake failed: no matching host key format于是我用运营商的vnc去查看ssh的配置文件，发现已经将PermitRootLogin yes开启了。就很奇怪，问了下ai发现是协议问题。教程输入：sudo -i先提权，再输入：nano /etc/ssh/sshd_config在配置文件末尾添加以下内容：HostKeyAlgorithms ssh-rsa然后CTRL + O保存，CTRL + X退出编辑。重启下ssh服务：service ssh restart此时再用root账号连...

3533 0 0

ssh debian12 协议

Prisma 使用MongoDB创建数据时报错：Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.

木灵鱼儿 1年前 Nest.js

Prisma 使用MongoDB创建数据时报错：Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.

前言当我在使用prisma配合MongoDB来创建数据的时候，发现后端报错了，提示：Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.https://pris.ly/d/mongodb-replica-set主要原因是因为prisma在创建数据的时候需要使用到事务，但是MongoDB使用事务就需要副本集，副本集类似于一份数据存多份的处理方案。折腾了好久才搞定，特此分享。教程修改配置首先我们需要找到MongoDB的安装位置，在它的bin目录下...

5589 1 4

prisma MongoDB

Prisma 初始化MongoDB数据库下载报错reason unable to verify the first certificate解决方案

木灵鱼儿 1年前 Nest.js

Prisma 初始化MongoDB数据库下载报错reason unable to verify the first certificate解决方案

前言调用prisma的初始化命令并指定链接的数据库类型为MongoDB后:npx prisma init --datasource-provider mongodb它会自己去下载一些相关的依赖，但是此时报错了：Downloading Prisma engines for Node-API for windows [ ] 0%Error: request to https://binaries.prisma.sh/all_commits/efd2449663b3d73d637ea1fd226bafbcf45b3102/windows/query_eng...

3212 2 0

prisma MongoDB 证书校验

Nuxt3使用pinia并持久化处理，同时配置自动引入自定义的仓库store模块

木灵鱼儿 1年前 nuxt

Nuxt3使用pinia并持久化处理，同时配置自动引入自定义的仓库store模块

前言需要注意的是，我们的pinia仓库持久化操作只有在客户端渲染时操作才能触发，比如当第一次访问页面时，你可能直接在setup中给仓库存储内容，这是无效的，我们需要保证在客户端渲染时触发才行，比较好的办法就是在onMounted生命钩子中触发。究其原因就是服务端是没法操作local、cookie这些浏览器配置，而在setup中的代码，是会在服务端也运行的，这就可能导致部分代码到了客户端不再运行。教程安装依赖pnpm i @pinia/nuxt @pinia-plugin-persistedstate/nuxt安装成功后在nuxt.config.ts中配置模块：// nuxt.config...

7510 121 3

自动引入 pinia Nuxt3

解决由于淘宝更换了域名导致pnpm安装依赖总是卡主的bug

木灵鱼儿 1年前 vue 项目实战

解决由于淘宝更换了域名导致pnpm安装依赖总是卡主的bug

前言自从淘宝换了源的域名后，pnpm的安装效果真的是越来越垃圾了，因为它会自己去用淘宝源下载，但是也不知道为啥，一些依赖包总是会卡住不动了，烦死了，切vpn也没用。直到我选择关闭ssl严格限制，包一下子就安装成功了，真他妈的坑。教程pnpm config set strict-ssl false大家有需要自己试试。

3876 0 0

换源 pnpm ssl

Nuxt3 环境变量配置

木灵鱼儿 1年前 nuxt

Nuxt3 环境变量配置

前言Nuxt3的环境变量配置有点和平时vue项目的不同，它为了考虑服务端渲染和客户端渲染两种情况，以及安全相关的考量，它的环境变量用起来会有点繁琐。在官方的预设中，你可以使用.env这个文件名的环境变量文件，但是它只会在开发中使用，并不会在构建生产的时候使用，所以我的建议就是放弃使用.env文件名，转而使用指定具体文件的形式。但是即便我们指定了环境变量文件，它也不会出现在Nuxt提供的useRuntimeConfig配置composable中，考虑到安全，我们在服务器渲染时可能有部分环境变量不能出现在客户端中，以防有人恶意获取从而产生破坏。所以nuxt并没有一股脑的把环境变量挂载上去，而...

5973 73 2

安全环境变量 dotenv

Nestjs 下载文件的两种方式（包含前端实现）

木灵鱼儿 1年前 Nest.js

Nestjs 下载文件的两种方式（包含前端实现）

前言实现了文件上传，自然要实现文件下载，经过我的实践总结出两个下载本地文件的方式：第一种是通过api请求，以返回文件流的形式将本地文件返给前端，前端自己接受到文件流后自己把Blob转一下；这种方式的话可以监听文件是否下载完成，完后下载完后删除本地磁盘上的文件。第二种是后端将文件存储在本地磁盘上，创建一个访客也能访问的下载目录，将文件丢到这里，再放开这个目录供访客下载，后端只需要在api返回下载地址即可。这种方式对于用户来说会更加方便，因为可以使用不同的下载工具下载文件。前端也省事，直接创建a链接元素，触发点击就是使用浏览器下载文件了。教程[hide]文件流下载我就不详细写服务了，直接在控...

1.2w 0 23

下载静态资源下载文件

git 强制让远程分支内容覆盖本地内容

木灵鱼儿 1年前 Git 笔记

git 强制让远程分支内容覆盖本地内容

前言当我们在服务器去拉取git仓库代码使用时候，比如生产环境中，我们去拉取代码，肯定要保证拉取成功，但是git如果本地文件有变化，就会导致拉取失败，一般情况下我们都是通过添加脚本的形式实现生产环境自动拉取，从而节省人力，如果因为本地文件与仓库不同就拉取失败，这就显然并不健壮。而且生产环境基本上都是可以让远程仓库直接覆盖本地文件的，一切以远程仓库文件为准，所以我们需要实现让远程仓库强制覆盖本地。教程假如我希望让远程的develop分支覆盖本地，就先fetch请求远程仓库对应分支的最新资源git fetch origin develop完毕后我们进行覆盖git reset --hard or...

4110 74 0

git 覆盖

Prisma中获取链表查询的类型

木灵鱼儿 1年前 Nest.js

Prisma中获取链表查询的类型

前言有时候我们查询的数据是一个链表查询的结果，示例如下：const pageData = await this.prisma.page.findUnique({ where: { id, deletedAt: null }, include: { categories: { where: { deletedAt: null }, include: { bookmarks: { ...

3170 5 0

链表 prisma Nestjs

安卓三星浏览器国内开启广告拦截支持

木灵鱼儿 1年前教程

安卓三星浏览器国内开启广告拦截支持

前言三星浏览器是我目前个人觉得用起来比较舒服的一个软件，从三星s7e一直沿用到现在，相比较谷歌浏览器，三星浏览器的视频增强功能非常好用，当然还有一个广告拦截功能，需要安装专门的插件，但是这两年即便是从谷歌商店下载的三星浏览器还是beta版本，都不能启用abp插件。解决的方式就是需要手动调整一下，具体教程如下：教程在浏览器地址栏输入：internet://debug/此时会进入到一个页面此时在点击浏览器设置，翻到最底下就会出现一个Debug settings选项，点击进去。找到选项：Feature variation test，点击进入点击Sales code选项，翻到最底下点击Other...

7875 4 0

安卓三星浏览器广告拦截

Nestjs DTO实战需要掌握的技术：继承、异步校验的问题

木灵鱼儿 1年前 Nest.js

Nestjs DTO实战需要掌握的技术：继承、异步校验的问题

前言最近在实际项目运用中，发现之前学习的DTO还是太浅显了，在实战后了解了两个非常重要的知识，特此分享出来。[hide]继承在代码中，复用是一个很重要的部分，如果编写的代码没有任何可复用的部分，只能说编写代码的能力太差，业务代码中，极大部分都是可以复用的，而复用的手段之一就是继承。在Nestjs中DTO是与class-validator配合做校验使用的，如果我们简单的使用extends继承的话，就会丢失class-validator的校验规则。import { IsNotEmpty, IsNumber, Min, Max } from "class-validator"...

6029 1 10

异步校验 Nestjs DTO

Nestjs 使用passport-google-oauth20实现谷歌登录

木灵鱼儿 2年前 Nest.js

Nestjs 使用passport-google-oauth20实现谷歌登录

前言对接第三方登录，最有名的肯定是谷歌了，全球大部分web程序，都有对接谷歌登录的功能。在之前的文章中我们通过passport的jwt策略，实现了本地jwt鉴权登录处理，passport本身就是一种策略模式，通过调用不同的策略实现不同的效果，其中就有关于谷歌登录的处理，这就大大的减少了我们的心智负担。但是需要注意，谷歌登录对网络要求非常高，因为咱们是国内环境，我尝试使用windows下的clash进行fq处理，哪怕是全局规则，nestjs这边还是无法访问到谷歌的服务，从而导致报错：Failed to obtain access token我最终通过路由器的OpenClash解决这个问题，...

1.1w 0 25

谷歌登录 Nestjs passport

如何声明一个NodeJs服务的环境变量类型ProcessEnv声明

木灵鱼儿 2年前 TypeScript

如何声明一个NodeJs服务的环境变量类型ProcessEnv声明

前言在做node后端服务开发的时候，使用环境变量已经是基操了，但是在ts中默认的环境变量是第一个非常宽泛的类型：interface Dict<T> { [key: string]: T | undefined; } interface ProcessEnv extends Dict<string> { /** * Can be used to change the default timezone at runtime */ TZ?: string; }这就导致我们自定义的环境变量是没有属性提示的，有点难受，所以需要我们自己去声明一个...

4827 5 1

环境变量 env TypeScript

OpenWrt配置OpenClash教程，手动更新内核（无法启动的问题）

木灵鱼儿 2年前教程

OpenWrt配置OpenClash教程，手动更新内核（无法启动的问题）

前言回老家之后找到了之前忘记带走卖掉的极路由4，于是想着刷个鼎鼎大名的OpenWrt用一用，在恩山论坛找到了一个23年12月的固件，非常感谢那些还在更新的大佬，伸手党的我下载完刷入后就想着试试OpenClash，但是遇到了一些困难，折腾了几个小时才堪堪完成，期间也碰到了好多问题，为此写一篇教程，以便后续需要。教程[hide]配置OpenClash刚安装完OpenWrc，部分固件是会携带一些编译好的服务在里面，其中就会有OpenClash，这个玩意懂的都懂，作为一个程序员，我还是会有经常访问github的需求，但是国内网络环境真的一言难尽，搞这个也是刚需。假设我们现在已经有订阅连接了，我们...

96.9w 0 556

OpenWrt OpenClash clash

OpenWrt 通过ssh安装sftp

木灵鱼儿 2年前教程

OpenWrt 通过ssh安装sftp

前言安装stfp本意是因为OpenClash的内核更新没法通过在线的方式直接更新，谷歌搜索到了一篇本地上传文件更新的教程，教程上说通过ftp上传下载的文件，但是通过NxShell的ftp打开时提示：cannot read properties of null (reading 'readdir')显然OpenWrt自己没有sftp服务，需要自己安装。OpenWrn的账号和密码就是路由器账号密码，ssh地址为路由ip地址教程[hide]由于OpenWrn使用的是Dropbear这个ssh管理软件包，这是个比较轻量级的软件包，常用于嵌入式系统和小型足以不需要所有 Open...

6675 0 10

ssh OpenWrn sftp

Nestjs 与Prisma打包部署

木灵鱼儿 2年前 Nest.js

Nestjs 与Prisma打包部署

前言Nestjs和Prisma的打包部署教程很少，网上比较热门的一个就是利用webpack将Nestjs打包，它和前端的打包差不多，会把所有的依赖项打包进来，生成的dist目录，可以直接单独部署，而如果我们使用Nestjs提供的build命令打包，不改动它的情况下，它只会将开发目录中的ts文件，转换成js文件，丢入dist目录中，其他什么也不做，就是个ts转js。这估计会让大部分人诧异，如果遵循官方这种方式，你在启动node服务的时候就必须使用dist目录下的main.js文件了。但是还要考虑环境变量等文件，我们下面细说。Prisma的打包部署需要考虑两方面：一是需要同步数据库模型，也...

3.1w 0 58

打包 prisma Nestjs

Nestjs 简单的安全处理

木灵鱼儿 2年前 Nest.js

Nestjs 简单的安全处理

前言在后端服务中，我们总是会遇到一些不安全的情况，毕竟web本身也不是一点漏洞都没有，好在有一些便捷的插件拱我们使用。helmet，通过设置 HTTP 响应标头来帮助保护 Express 应用程序；express-rate-limit，用于限制对公共 API 和/或终结点（例如密码重置）的重复请求，防止暴力攻击；本来还有一个跨域处理的CORS插件，但是目前还没有时间实际部署上线，所以在没有实际经验暂时就不写了，到时候单开一篇文章。安装依赖pnpm i helmet express-rate-limit教程这两个插件我们都需要在main.ts中启用。main.tsimport { Nest...

2925 75 0

安全头信息 Nestjs

Nestjs 使用winston实现本地日志log记录

木灵鱼儿 2年前 Nest.js

Nestjs 使用winston实现本地日志log记录

前言日志的记录在后端开发中是不可或缺的，在node中有一个很有名的库winston，这个库支持多种日志传输方式，比如本地文件，控制台，远程传输等。而nestjs有一个winston的模块库：nest-winston既然有了模块，那说明什么？说明我们可以通过依赖注入的形式，在其他地方直接调用模块的服务，从而实现日志记录。在log记录之前，需要分析我们要记录什么内容，比如最重要的错误日志，当发生错误的时候，我们需要记录日志，方便后续在生产环境查看问题，其次就是请求日志记录，我们记录用户的请求，url、ip地址、路由地址、请求参数等，以及我们的响应数据，也就是发送给前端的数据，针对这三种需求我...

4828 159 0

Nestjs winston 日志

Nestjs 使用bcrypt来散列用户密码（哈希）

木灵鱼儿 2年前 Nest.js

Nestjs 使用bcrypt来散列用户密码（哈希）

前言之前使用了crypto-js做了一个md5加密用户密码的操作，但是由于该库本身没有提供比对方法，于是自己去实现了一个方法，而且还需要自己提供一个唯一值盐。最近发现bcrypt这个库更好用，于是改用它了。安装依赖pnpm i bcrypt pnpm i @types/bcrypt -D教程原来使用crypto-js的MD5方法，需要自己提供盐（salt），之前的做法是创建一个环境变量，然后预设一个定死的string字符串，这就导致我们需要维护一份唯一值的盐，有点麻烦。而bcrypt自身可以生成盐，并且它的盐会通过某些方式存储在加密后的字符串上，然后比对的时候，我们不需要知道之前它的盐是...

3835 0 3

加密哈希 Nestjs

pnpm 换源

木灵鱼儿 2年前 vue 项目实战

pnpm 换源

前言最近网络不太行，发现pnpm在下载一些库的时候经常卡住不动了，我记得推崇pnpm的时候，大伙都说pnpm不需要换源下载也很快，显然没有理想中那么好，无奈只能换源解决问题了。教程换淘宝源：pnpm config set registry https://registry.npmmirror.com 还原：pnpm config set registry https://registry.npmjs.org查看当前使用的源：pnpm get registry pnpm好像目前没看到有什么库能交互式操作切换。新方案我最近安装pnpm都是通过npm来安装的：npm i pnpm -g然后我发...

7219 9 0

换源 pnpm 淘宝源

Nestjs 实现角色权限管理RBAC以及拓展的PBAC

木灵鱼儿 2年前 Nest.js

Nestjs 实现角色权限管理RBAC以及拓展的PBAC

前言在之前的文章，我们实现了一个jwt的权限管理，通过一个自定义的Public装饰器声明公共接口，再通过app.module.ts添加一个全局守卫JwtAuthGuard。但是这种方式只能判断这个用户是登录了还是未登录了，没法实现更细化的权限管理，比如一个普通用户，他是无法管理自己的账号的，而管理员缺可以控制普通用户的账号，是禁用还是正常使用。显然我们需要一个更加细化的权限管理方式，经典就是 RBAC（Role-Based Access Control）角色访问控制设计。RBAC在RBAC中是通过不同的角色来实现权限的划分，比如普通用户user只能查看文章列表，而admin管理员是可以增...

5832 42 4

权限 Nestjs RBAC

木灵鱼儿

Typecho 使用highlight.js代码高亮如何实现代码行号

Proxmox VE（PVE）安装OpenWrt旁路由并共用一个网口

如何在项目中使用一个自定义的npm模块（如何使用一个魔改后的npm模块）

Nestjs CORS配置和生产环境处理

Debian12 SSH连接报错：Error Handshake failed no matching host key format

Prisma 使用MongoDB创建数据时报错：Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.

Prisma 初始化MongoDB数据库下载报错reason unable to verify the first certificate解决方案

Nuxt3使用pinia并持久化处理，同时配置自动引入自定义的仓库store模块

解决由于淘宝更换了域名导致pnpm安装依赖总是卡主的bug

Nuxt3 环境变量配置

Nestjs 下载文件的两种方式（包含前端实现）

git 强制让远程分支内容覆盖本地内容

Prisma中获取链表查询的类型

安卓三星浏览器国内开启广告拦截支持

Nestjs DTO实战需要掌握的技术：继承、异步校验的问题

Nestjs 使用passport-google-oauth20实现谷歌登录

如何声明一个NodeJs服务的环境变量类型ProcessEnv声明

OpenWrt配置OpenClash教程，手动更新内核（无法启动的问题）

OpenWrt 通过ssh安装sftp

Nestjs 与Prisma打包部署

Nestjs 简单的安全处理

Nestjs 使用winston实现本地日志log记录

Nestjs 使用bcrypt来散列用户密码（哈希）

pnpm 换源

Nestjs 实现角色权限管理RBAC以及拓展的PBAC

最近评论

博客文章RSS订阅

博客评论RSS订阅

木灵鱼儿

登录

Typecho 使用highlight.js代码高亮如何实现代码行号

Proxmox VE（PVE）安装OpenWrt旁路由并共用一个网口

如何在项目中使用一个自定义的npm模块（如何使用一个魔改后的npm模块）

Nestjs CORS配置和生产环境处理

Debian12 SSH连接报错：Error Handshake failed no matching host key format

Prisma 使用MongoDB创建数据时报错：Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.

Prisma 初始化MongoDB数据库下载报错reason unable to verify the first certificate解决方案

Nuxt3使用pinia并持久化处理，同时配置自动引入自定义的仓库store模块

解决由于淘宝更换了域名导致pnpm安装依赖总是卡主的bug

Nuxt3 环境变量配置

Nestjs 下载文件的两种方式（包含前端实现）

git 强制让远程分支内容覆盖本地内容

Prisma中获取链表查询的类型

安卓 三星浏览器国内开启广告拦截支持

Nestjs DTO实战需要掌握的技术：继承、异步校验的问题

Nestjs 使用passport-google-oauth20实现谷歌登录

如何声明一个NodeJs服务的环境变量类型ProcessEnv声明

OpenWrt配置OpenClash教程，手动更新内核（无法启动的问题）

OpenWrt 通过ssh安装sftp

Nestjs 与Prisma打包部署

Nestjs 简单的安全处理

Nestjs 使用winston实现本地日志log记录

Nestjs 使用bcrypt来散列用户密码（哈希）

pnpm 换源

Nestjs 实现角色权限管理RBAC以及拓展的PBAC

最近评论

博客文章RSS订阅

博客评论RSS订阅

安卓三星浏览器国内开启广告拦截支持