使用 Docker 和 pnpm 优化打包 Nuxt.js 全栈项目
本文将指导你如何为一个结合了 Prisma 和 Nuxt.js 的全栈项目创建优化后的 Docker 镜像,并使用 pnpm 作为包管理器。 我的项目最终镜像大小从 1.12GB 缩减到了 160.21MB。
我的项目构成
Nuxt.js 是一个基于 Vue.js…
Caddy, Docker 简单的自建 Tailscale DERP
作为一个拥有全端加密且能进行端到端连接的服务。Tailscale 现在的免费账户已经支持连接 100 台设备,这对于个人用户来说绰绰有余。我的内网设备几乎都在使用 Tailscale 连接。在前段时间发布的 用 VS Code 管理服务器,我有独特的服务器管理方式 中表明我很喜欢…
使用 PNPM 的情况下,Jest 解决 ESM 依赖库的报错问题
环境 NX
PNPM
lodash-es
Jest
从 karma 转移到 Jest 遇到了如下报错
主要原因是 "node_modules" 文件夹中 ESM(ECMAScript Modules) 库不被 Jest 支持。
鉴于 Jest ESM…
VS Code 插件 Monitor Pro - 监控一切你在意的资源信息
Monitor Pro 是一个全面的资源监控工具,旨在帮助你实时跟踪重要的系统指标并提供直观的展现方式。无论你是什么职业,如果你用 VS Code,请不要错过它。 安装使用
安装后会自动启用该插件。
https://marketplace.visualstudio.com…
动画 PNG(APNG) 转 GIF 并无限循环
今天在网上找了些 PNG 格式的动态表情包我是不会告诉你是我是在 LINE 偷的表情包的,于是了解到是 APNG 这种格式。由于微信和 QQ 不支持 APNG,所以就把 APNG 转为 GIF 了,在使用 APNG 转换成 GIF 后,发现在微信上只能播放一次…
用 VS Code 管理服务器,我有独特的服务器管理方式
自从 Typora 开始收费之后,我彻底转向使用 VS Code(Visual Studio Code) 进行文章撰写。作为一款 Markdown 编辑器,它已经完全满足了我的需求。 然而,我开始思考是否可以将 Visual Studio Code 用作服务器管理器。在此之前…
累积布局偏移优化 CLS 完全指南
什么是布局偏移 一个十几秒的短视频解释清楚。
更详细的解释是:布局偏移指的是在网页上发生突然变化时,页面中的内容位置发生意外移动的现象。这种情况常常让人感到困扰,因为它会导致阅读中断或误操作。布局偏移通常是由于资源异步加载或动态添加到页面上的 DOM 元素导致的…
[译] Mercury OS 引言
原文标题:Introducing Mercury OS 原文链接:https://uxdesign.cc/introducing-mercury-os-f4de45a04289
原文作者:Jason Yuan
译者:Nexmoe,首发于 Nexmoe's xLog
Mercu…
过了两百天,谈谈 Microsoft Edge 浏览器开拓者大赛
为什么要谈谈这个比赛 作为一个独立参赛选手,我有幸获得了本比赛的第三名(当然全靠运气,不过也不乏一些方法论)。比赛的奖品嘛,我本来比较看重他的微软实习机会。不过猜测是互联网寒冬的原因,完全没有后续了,没人联系我实习的事情,后续去询问了对接比赛的工作人员、在群里咨询也没有任何情况。…
谈谈 xLog 的不足
很久以前刚接触 Web3,就感觉 Web3 非常适合发布内容。毕竟内容去中心化,多好。 当时了解到有 Mirror 这个东西。但是 Mirror 有非常多不足的地方,这里就不细谈了。所以我还在期待着。
然后就是在 v2 上发现 xLog 发布了。当时刚发布就觉得 xLog…
Hexo 分类中上一篇、下一篇文章
在 “还有书籍” 主题中,我把分类当作一本书,分类中的文章则形成一本书的内容。 这时,不能简单的调用全站的文章来当作上一篇、下一篇的内容。
所以结合 Hexo 基于分类输出文章 - 折影轻梦 (nexmoe.com) 我写了一个基于分类输出上一篇、下一篇文章。
直接贴代码了…
Hexo 基于分类输出文章
本文将教你如何调用 Hexo 指定分类下的文章 本文回答了以下问题
https://www.zhihu.com/question/404351568
https://segmentfault.com/q/1010000017758828
前言
官方的辅助函数 list…
Meteor New Tab - Makes Your Bookmarks Great Again
官网:https://xiaoshuapp.com/meteor/ 我的想法
英文名,更有科技感 界面设计更有科技感 产品名称更直白 口号更加直白,而不是传递理念 产品描述更加直白,而不是传递理念
产品形态
特点
🏄不一个个添加:根据收藏夹生成…
在树莓派上挂自挂签到脚本
由于某学习平台屏蔽了腾讯云和阿里云这两家服务商的 IP,我就把我 15 年买的古董树莓派 3B 翻了出来用来跑脚本。 由于我的树莓派不是全天 24 小时供电的,不能保证永久在线,所以我希望开机就自动启动的我脚本。
然后我希望我的脚本仅在有签到的时候通过 Server 酱通知我。…
博客,我优化了什么?
由于博客性能一直很弱鸡,所以花了两天时间优化了一下,以下,是我的优化成果。 先上跑分
去掉一些依赖
❌ 移除 fancybox
❌ 移除 SmoothScroll
❌ 移除 jQuery
❌ 移除 Pjax
已经 2020 年,我觉得 jQuery 是不需要的。
Edge…
美化你的终端
自带的 PowerShell 虽然有了自定义颜色等功能,但还是太丑,这一篇文章将帮你打造 Windows10 上最美终端。 安装 Fluent Terminal 建议使用 Terminus
Fluent Terminal 是一个基于 UWP 和 Web 技术的终端,相比较…