记录折腾路上用到的教程 自2-3开始

主站展示位

一种适用于 Zustand 和 React Query 的前端数据管理方式

在上面这篇文章中提到当 React Query 托管的数据过于复杂或者冗余的话，后续在前端做数据的乐观更新会变得非常复杂并且不可控。 [!NOTE] 乐观更新指，前端在进行数据操作时，通过 API 方式向服务器提交数据，之后数据在 UI 上的更新由前端提供，不需要等待服务器的响应。这样的方式对用户来

查看原文

探讨 React Server Component 与 React Client Component 的环境隔离与实践

前言 我们知道，在 React Server Component 环境下，渲染的运行时永远都是在 server 的，而在 RCC 中，两者环境都可能存在。为了控制一个库的引用方只能处于某种环境中，而在另一个环境中报错，我们可以使用 client-only 或者 server-only 库。 Ne

1 2024-12-06 19:17 查看原文

自渡

最近失业了。 因为突然的打击导致抑郁症复发了。 记得初三的时候也经历过一次，那个时候因为非个人意愿被换了一个班，在压力最大的一学期换到了一个完全陌生的环境，压力和绝望，我记得那段时间我每天都哭，好几次有过自杀的念头，脑中无数次开始回顾种种过往，虽然那个时候没有去医院看，也不知道抑郁症是什么，在家

查看原文

在 Nest.js 中使用 Auth.js

Auth.js 是一个可以非常方便接入 OAuth 的一个身份验证库。他起初是为 Next.js 而设计。如今官方以为其供一些常用框架的集成，但是不幸的是，并没有 Nest.js 的官方支持。 这篇文章将从零开始构造一个适用于 Nest.js 的 AuthModule。那我们开始吧。 准备 我

查看原文

聊聊科技界发生的大事 WWDC

最近科技界发生的大事莫非就是上周的 WWDC 了，很抱歉因为很多事情直到现在才来总结和谈谈看法。今年的 WWDC 也不同于往年，而是在线直播。虽然说是直播，但是当我等到晚上 1 点的时候才知道原来是录播，还是有点小失望的。虽然是录播不得不说剪辑是非常完美的，任何过场都是无缝衔接。伴随着过场甚至带着我

1 2024-12-04 01:14 查看原文

使用iPic快捷使用微博图床

图床是什么 图床一般是指储存图片的服务器，有国内和国外之分。 国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。 国内也分为单线空间、多线空间和cdn加速三种。 参见: {% post_link 使用sm-ms图床-为GP节省空间 图床是什么 %} iPic是什么 有了图床神器

查看原文

利用爬虫抓取新理念英语答案

在此之前,在他人的博客中看到一篇文章新理念外语网络教学平台——获取任意答案,但是写得不是很详细,下面我来详细的说明一下. 原理 首先进入自己学校的平台.打开开发者工具--network,然后登陆 tva2.sinaimg.cn/large/006tNbRwly1fwzr01vvpsj3

查看原文

CSS相关

最近受到了App Store主页风格的影响，正巧又看到了sketch官网的设计，所以深受卡片式的影响。真巧最近在改别人的主题，于是就想自己去写一套卡片式风格的typecho主题。 那么，我就开始边学css/js，边写主题，把学的用到的都记录下来。 CSS颜色渐变 CSS linear-

查看原文

用 GPG 为 commit 进行签名

前言 GnuPG（简称 GPG），它是目前最流行、最好用的开源加密工具之一。 GPG 有许多用途，比如对文件，邮件的加密。而本文要说的是，如何使用 GPG 来加密 Github Commits。 在 Github 上查看一些项目的 Commits 时，偶尔会发现「This commit w

查看原文

折腾失败的新主题

记2019年1月25日 博客从Next主题更换为更为简洁的polarbear 因为太简洁了, 所以我想把原先的统计信息与评论系统加入. 再折腾很久的layout, 甚至直接导入appid, 放入layout.swig还是失败了. 所以说现在这个博客是空无一物. 可能以后我会换回Next的吧

查看原文

文章列表

致虚极，守静笃。

查看原文

迁移Hexo到halo

写在前面 Halo [ˈheɪloʊ]，意为光环。当然，你也可以当成拼音读(哈喽)。 轻快，简洁，功能强大，使用 Java 开发的博客系统。 此前，我使用hexo，犹豫hexo是静态的，有所不便。无意之中发现这款博客框架。此博客使用java所以，内存需求比较高。优点是美观，支持批量导入md。

查看原文

Vue 多级菜单的实现

最近开发后台，因为不想使用 ElementUI 和其他现成的 UI 框架，于是决定自己做。 碰到的第一个难题就是多级菜单。 因为之前没做过，第一次做起来还是有点难的，最后实现的效果是这样。注意看地址栏。 难题一 CSS 的实现 多级菜单的收缩，展开都是使用 CSS 控制，所以要配合 Vue

查看原文

微博图床失效? 笨办法解决

就在前几日, 微博图床加入了防盗链, 只要你有referer引用就会返回403. 但是直接访问是可以的. 也是我就想, 我能不能用这个方法访问, 用 php 去访问然后再去返回呢. 只要把 img src 全部换掉不就行了吗. 建立微博图床镜像 于是, 首先写一个 php ，用它来获取

1 2024-05-15 20:15 查看原文

迁移开发环境到Windows

前言 此前一直使用macOS,由于mac有着良好的开发生态,以及软件生态.所以它是部署开发环境是极佳的操作系统.最近由于某些原因需要使用Windows.众所周知,Windows在这方面远不如mac/Linux.虽然这是硬伤,但怎么样才能让他变得更好用一些.那么WSL功不可没. 安装Ubuntu

查看原文

如何配置zsh

在知乎大神的基础上进行修改,配置自己的.zshrc repo地址 ： 实现的功能

查看原文

打印沙漏(C#实现)

打印沙漏 本题要求你写个程序把给定的符号打印成沙漏的形状。例如给定17个“*”，要求按下列格式打印 ` * * ` 所谓“沙漏形状”，是指每行输出奇数个符号；各行符号中心对齐；相邻两行符号数差2；符号数先从大到小顺序递减到1，再从小到大顺序递增；首尾符号数相等。 给定任意

查看原文

Excalidraw 数据增量存储的构想

这几天，我给 Shiro 的 Markdown 支持加上了 Excalidraw 的画板。 上面的文章中，内嵌了大量用 Excalidraw 作的图。在 Markdown 中内嵌这种画板其实只要在渲染时候根据数据决定渲染组件就行了。Excalidraw 的数据格式是一个 JSON 数据，我原本

查看原文

一次构建多处部署Next.js Runtime Env

我们一般通过控制 env 的方式去做到 "Build once, deploy many" 哲学。但是在 Next.js 中，环境变量分为两种，一个种是可被用于 Client 侧的 NEXT_PUBLIC_ 开头的环境变量，另一个种是只能被用于 Server 侧的环境变量。前者会在 Next.js

查看原文

利好 SharedWorker 实现跨页面单例 WebSocket

在之前的文章中，我详细的介绍了站点的实时人数是如何实现的？，在方案中，我留下了一个悬念，如何使用 SharedWorker 在页面之间共享 Socket 实例，实现跨页面单例 WebSocket。 动机 探索这个问题的背景是无意间在知乎看到了 WebSocket 的一个问题，其中有回答提到 We

查看原文