该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/tech/my-first-nextjs-book-here最近在写一本小册。聊点不一样的 Next.js大概有人已经看过了。如果你有任何意见请告诉我。也可以在底下留言。目前正在编写中，处于免费开放试读阶段。请给我动力让我能够继续编写下去。谢谢您。看完了？说点什么呢 ...继续阅读 (80)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/165已经很久没有记录当下发生的事的。或许是没有什么特别的事值得被记录。年后去了一次上海，体验了下cali托朋友买回来的 Vision Pro。体验的时候没有带隐形眼镜，所以基本上一个字都看不清。眼球追踪好像要重新配对的样子，体验的时候一直都不跟着我的目光走。沉浸式环境确实不错，体验了下恐龙的那个场景，很震撼，即便是高度近视。由于之前没有体验过其他 VR 或者 MR ，也不评价什么了，对于视力障碍来说不是很友好吧，要么隐形眼镜要么镜片；两者都会影响实际体验。感觉很重，需要一直用手托着才能不怕掉下来。收纳和开始使用都比较耗时，可能买来之后体验几次就是吃灰了，感觉目前来说还是起步阶段还有很多问题需要解决，可以静观其变。最近家里人都出去了，开始一个人在家之后，还是感觉到冷清的，孤独感变强烈了。偶尔玩玩网络游戏，和网友们打打游戏聊聊天了。或者应该去找个搭子了。我还是太怂了。去年说过要写小册了，但是真的写起来还是太难了。付出没有回报的话或许就没有动力去写了吧。市面上有这么多的相关的小册，都是有影响力的大 V 们，毕竟我只是个无名小卒又有什么能与之抗衡。在这段时日里，草草的写了几节，效果并不好，也不知道后续还要不要继续了。目前的写的内容都在这里了。聊点不一样的 Next.jsht ...继续阅读 (69)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/nextjs-rsc-server-action-and-streamable-ui这个内容只能在原文中查看哦此文章首次发布于我正在编写的聊点不一样的 Next.js小册。欢迎支持。在 LLM 项目中，总是能看到流式传输渲染的信息。我们看一下请求。发现其实这是一个流式传输的 RSC payload。也就是说 UI 的更新是由服务器的流式传输 RSC payload 驱动的。当流式传输的 RSC payload 读取到下一行就刷新 UI。这节我们利用 RSC 简单实现一下流式渲染消息流。Server Action开始之前，我们需要知道Server Action其实是一个 POST 请求，服务器会调用 Server Action 函数的引用，然后通过 HTTP 请求的方式流式返回执行结果。在 Server Action 中，你必须要定义一个异步的方法，因为请求是异步的；第二你必须返回一个可以被序列化的数据，例如函数这类则不行。我们常用 Server Action 刷新页面的数据，例如使用revalidatePath。我们尝试一下。import type { PropsWithChildren } from 'react' ex ...继续阅读 (76)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/164网站的新变化年间这几天，夜不能寐，总想快点实现一些想法。起因是：https://x.com/ctnicholasdev/status/1754889044423741926?s=20然后我也有了实现这个功能的想法。现在他来了。虽然可能不太准。你可以通过页面左侧查看，这个只有 PC 页面有哦。然后是增加了实时阅读内容的表达。和 Markdown 内嵌 React 组件。这个在下面的文章中有详细讲解。https://innei.in/posts/programming/nextjs-react-load-and-render-remote-component网站被打12 号的清晨，我的网站被打了。措不及防，我刚写完一篇文章，然后发布上去，打算在前台看看效果，但是我看到的只有 Vercel 的提示 Payment Required。我很吃惊，还以为我发版太快把用量吃满了。当时很可疑，这是从来没有过的。查看用量，是被打了，短时间内被刷爆了计算资源。导致我的账号现在被 ban 了，也不知道下个月能不能恢复。后续，第二天继续被打，哪怕是服务全部关闭的状态，域名持续有每小时 70M 的请求进来。识别请求特征之后，通过 CloudFlare WAF 屏蔽后网站恢复。https: ...继续阅读 (55)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/nextjs-react-load-and-render-remote-component前言写过文档的大佬们都知道MDX这个东西，对原本的 Markdown 进行了扩展，可以在 Markdown 中直接使用框架组件（React，Vue 等等）。现在也有很多静态生成的博客使用 MDX 去编写博文，在博文中内嵌了 React 组件，在一些需要交互式的场景中，在传统的 Markdown 只能展示内容，而使用了组件就可以把死的文字变活。MDX 的原理是在项目构建时，解析 Markdown 抽象语法树，把引入的组件进行了编译，然后嵌入到了文章内部。而使用 MDX，就必须要引入编译时。而对于 CMS 类型的博客网站，因为内容都是动态生成的，就无法使用 MDX。那么有没有办法去想一个歪路子去实现呢。构想有了初步的想法之后，我们的需求就很明确了。需要在普通的 Markdown 中渲染远程组件。这里我们都以 React 为例，项目框架为 NextJS。首先我们构想一个 RemoteComponentRender，需要的逻辑如下。这个内容只能在原文中查看哦首先要加载远程组件，然后提取其中的组件扔到 React 里面去渲染。然后为了更简单的实现一个 Markdow ...继续阅读 (61)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/dev-story/nextjs-react-load-and-render-remote-component前言写过文档的大佬们都知道MDX这个东西，对原本的 Markdown 进行了扩展，可以在 Markdown 中直接使用框架组件（React，Vue 等等）。现在也有很多静态生成的博客使用 MDX 去编写博文，在博文中内嵌了 React 组件，在一些需要交互式的场景中，在传统的 Markdown 只能展示内容，而使用了组件就可以把死的文字变活。MDX 的原理是在项目构建时，解析 Markdown 抽象语法树，把引入的组件进行了编译，然后嵌入到了文章内部。而使用 MDX，就必须要引入编译时。而对于 CMS 类型的博客网站，因为内容都是动态生成的，就无法使用 MDX。那么有没有办法去想一个歪路子去实现呢。构想有了初步的想法之后，我们的需求就很明确了。需要在普通的 Markdown 中渲染远程组件。这里我们都以 React 为例，项目框架为 NextJS。首先我们构想一个 RemoteComponentRender，需要的逻辑如下。这个内容只能在原文中查看哦首先要加载远程组件，然后提取其中的组件扔到 React 里面去渲染。然后为了更简单的实现一个 Markdown ...继续阅读 (64)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/163这段日子一直在家里，也不知道干了啥，这就快到年底了。技术写了 2 篇文章。https://innei.in/posts/programming/modular-request-data-management-concepthttps://innei.in/posts/programming/react-native-webView-editor-issue这是最近的一些思考。围绕 react native 和前端数据的存取方面展开。这几天在研究编辑器。啥也没做出来，只是怼了一个 Excalidraw。https://innei.in/posts/programming/excalidraw-incremental-data-storage-concept影视看了以下的影视作品，两部是连续的纪录片，看了几集。19 层网剧看了一半，最近不想看了，国剧还是太烂了，又臭又长。19 层 （网剧，感觉很一般）https://www.themoviedb.org/tv/243569-19再会长江https://www.themoviedb.org/tv/215566我住在这里的理由https://www.themoviedb.org/tv/132788我独自升级（第三集之后爽 ...继续阅读 (61)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/excalidraw-incremental-data-storage-concept这几天，我给Shiro的 Markdown 支持加上了 Excalidraw 的画板。https://innei.in/posts/programming/modular-request-data-management-concept上面的文章中，内嵌了大量用 Excalidraw 作的图。在 Markdown 中内嵌这种画板其实只要在渲染时候根据数据决定渲染组件就行了。Excalidraw 的数据格式是一个 JSON 数据，我原本的构想是直接利用 Markdown 的代码块格式，language 指定为 excalidraw，然后只要在渲染时候去判断就行了。这样的做法是非常简单的。例如在 Markdown 中插入如下的内容。```excalidraw {"type":"excalidraw","version":2,"source":"http://localhost:2323","elements":[{"id":"XoWT6cmhHOi8z5zAAX4jf","type":"rectangle","x":-222.2812271118164,"y":-1 ...继续阅读 (86)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/modular-request-data-management-concept在一个复杂的业务场景下，一个页面中被拆分多个组件，或者是多个组件共同组成一个独立的模块而不受到其他模块的影响。如下图所示。这个内容只能在原文中查看哦上图展现的典型页面中，有三个模块，侧栏的 asset list，中间的 asset detail，右边的 related asset。每个模块的数据独立性都由一个 Query 托管。这里以流行的 React Query 为例。但是我们发现，这三个模块虽然是独立但是数据却是相通的。如下所示。这个内容只能在原文中查看哦而用现在的方式去管理每个模块的数据好像也没有不妥，毕竟目前不需要关心数据重复带来的问题。能在数据产生之后渲染正确的 UI 这是静态页面最简单的方法。现在新的需求的加入，需要对数据实时的修改做乐观更新。也就是，当后端数据的更新，触发前端对应数据也需要更新。这个时候，使用 React Query 的场景下，分别对三个模块的 Query 做相应数据的乐观更新了。这个内容只能在原文中查看哦现在业务场景再升级。在每个 asset 中加入了 user 的属性，然后 user 也需要实时变化反映在 UI。由于 user 的加入 ...继续阅读 (95)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/react-native-webView-editor-issue本篇文章主要解决两个问题：WebView 编辑器 Toolbar 的吸附键盘WebView 编辑器焦点元素被虚拟键盘遮挡这个内容只能在原文中查看哦背景最近在写 React Native，需要实现一个文本编辑器。而现在成熟的文本编辑器都是 Web 的，在原生或者是 React Native 这类跨端的框架成熟的富文本编辑器都是比较少见的。所以我们使用 Web + React Native WebView 去实现这个组件。在需求中，我们主要实现这样的布局。上面是整个编辑器，底下是 AccessoryView + Keyboard。思考过程AccessoryViewAccessoryView 在 React Native 提供了相应的组件。组件叫InputAccessoryView但是有个局限是这个组件只适用于 React Native 的 TextInput。在 WebView 中无法使用。使用 Web 实现在 Web 中，可以使用VisualViewport去监听虚拟键盘是否被唤出，并且获取到虚拟键盘的宽高。然后去定位工具栏的位置。弊端：不是实时的状态。无法立即获取到键盘的高度。u ...继续阅读 (110)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/162出行公司组织了一次团建，前往云南大理和丽江的为期四天的旅游。这也是我第一次来到离家两千多公里的中国西部地区。由于我长期都是在家远程工作，并没有和其他同事见过面。作为 I 人又紧张又激动。我是从上海出发，由于航班的延误，第一天的行程我没有赶上，到达大理之后，已经是晚上饭点，吃完饭之后，就和同事们一起回酒店休息了。据说之前已经游览了三个地点，还是有点可惜。第二天没有行程，在酒店写了一天码。第三天对我来说只是刚刚开始。上午去了大理古城，中午吃过饭之后，去网红洱海 S 湾散步。个人对古城并不敏感，倒是 S 湾的景色和看着形形色色的人骑行和海边喂海鸥、摄影，还有网红在直播，这种慢节奏生活让我向往。:::grid {type=images,cols=3,rows=3,gap=16}:::下午和下一天的行程是去丽江。去了丽江古城，早上早起去看了玉龙雪山日出，日照金山真美。体验了登山索道，海拔一路攀升到了 4506 米，这是我第一次体验这么高的海拔，也是我第一次在这么高海拔的山间观景台俯瞰，一览众山小的感觉。之后去到了蓝月谷，在白水河洗手了，据说玉龙雪山能听到心声，能带来好运。乘坐观景电瓶车，游览了这一代的风景，虽然是旅游淡季，人也不少，期间还看到许多对新人在此拍婚纱照。天是如 ...继续阅读 (74)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/161从上篇 2023 年终总结发出后的这段时间，也发生了挺多事的。时间过的真快，转眼间就要 24 了。在去年的年底的时候，感谢sudongyuer大佬在 X 上的推广，让我有了第一个过千 star 的开源项目。短短几天时间，就从 400 到了 1.3k。2023 的结尾，在追一部韩剧，死期将至。https://www.themoviedb.org/tv/2182302023 的最后一天，是和 X 友们一起过的，感谢你们。也是某种意义上的第一次跨年。第一次去泡温泉，然后第二天去了乌镇。乌镇好冷清，街上都没什么人。https://x.com/__oQuery/status/1741461479294202304?s=20这个内容只能在原文中查看哦看完了？说点什么呢 ...继续阅读 (82)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/160这一年这一年从疫情彻底放开政策开始，气温的降低让病毒传播的更快，这个开年，很多打工人都感染新冠而在家远程办公，当然也包括我。开年的不顺，让我觉得今年也不会好了，在经历去年太多的不顺和没有止境的加班之后，不知道生活还会不会有什么盼头，不断的想要去改变这个现状，却又不知道也不敢去做。这一年从无知和焦虑中开始了。二月的时候，我入坑了软路由。第一次接触了 OpenWrt，那段时间每天下班回家就开始折腾网络，也熬了好几个夜，本就下班之后没几个小时的生活，也被网络这件事难住了，很新奇，痛并快乐着。接触了 PVE 爱快，也折腾黑群晖，开始搞各种 All in One。那是唯一的乐趣了，每天的工作很枯燥，随着组内业务更替，压力却很大，日复一日，看不到尽头。LD 被上头逼的，看起来每天也过得不自在，而正是这种层层加压，在最底层的我们过得是真的痛苦。也是那段时间上头的 OKR 也是越来越离谱，我们作为业务部门，因为业务的减少，就需要有技术产出，这没问题。但问题是，一些不可能完成的任务，或许是真的太抬举我们了。我还记得那个 OKR 是双月内优化内部一个 React 状态管理始得，js framework benchmark中 React 跑分低于 1.6 好像是要达到 1.4 的水平 ...继续阅读 (139)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/Z-Turn/yahei-to-pingfang最近，某宝入手了一台 MATX 整机。然后装上了 Windows 11 系统。我自从高三之后就没这么用过 Windows 了，过了这么多年 Windows 的垃圾字体居然还没换。丑一批的雅黑和系统的字体渲染真的是一言难尽。即便是 4K 屏开 150% 缩放也就不回来字体太丑的问题。我决定把雅黑换成苹方。关于如何提取苹方字体，请移步：新版 macOS 苹方字体的提取移植与下载前置工具首先下载大佬已经提取好的苹方字体，一般来说，macOS 中内置的苹方是加密，并不能直接在 Windows 上使用，这里直接用做好的字体就行。然后需要 TTC 字体工具，用来提取雅黑的字体信息，和修改苹方字体的信息，最后重新合并为一个 TTC。这里用到的工具：ttfname3+UniteTTC字体替换工具我把这些工具和成品雅黑苹方字体放下面分享链接了。你可以略过教程，直接到字体替换章节。不好意思，阿里云盘不让分享字体，自己动手丰衣足食。工具都在这了。https://www.alipan.com/s/UmanLDu262z::: warning 开始之前，请一定要备份原本的字体。 :::过程这里以替换微软雅黑为例，但事实上你还需要操作微软雅黑 Li ...继续阅读 (112)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/Z-Turn/drone-self-host-ci-cd-with-github群友说的我站点访问太慢。因为部署在 Vercel 上，API 接口又在国内，通过 Zero 又套了一层，两层下来在国内的访问确实不是很好。打算做一个在国内的镜像站。原本 Kami 是通过 GitHub Actions 做的，通过发版然后把产物发布到 Release，SSH 连接到服务器之后再去拉取 GitHub Release，但是因为国内服务器现在访问 GitHub 真的太慢了，各大国内加速站也陆续挂壁了。所以打算利用家用小主机完成本地部署，最后产物推送到云服务器。问了群友之后，Drone CI 应该是是个不错的选择，Go 写的比较快也很轻量，可以非常简单和 GitHub 绑定。总体的流程大概如下：graph LR A[GitHub Push Event] -->|Triggers| B(Drone Pipeline) B --> C[Build Step] C -->|Build Next.js Project| D[Zip Distribution] D --> E[Deploy Step] E -->|SCP Transfer| F[SSH ...继续阅读 (64)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/159已经很久没有写最近发生的事了。因为最近确实没啥新鲜事。Painter因为懒，但是又会有需要打印材料的时候，所以购入了一台 HP 4826 彩色打印机，价格不贵，墨盒式，墨盒也不贵，也不用害怕堵头，最多换个墨盒。平时打打写得好的博文温故而知新，打了一堆乐谱，虽然弹不来一点。买了相片纸，也可以打打证件照。不过这里插一嘴，好多博客站都没有做针对 Paint 的优化，打印效果一言难尽。Homelab All in boom迁移到 EQ12 N100All in One === All in Boom，我是体验到了，半年前买的倍控 G7505 工控机稳定半年之后，开始频繁死机，毫无征兆。导致我无法正常上网，最后体验了下使用 Apple TV 作为网关，刚好半年前也入了一台带网口的。这次也是派上用途了。用了 QuanX 做代理，分流什么的也能搞，唯一不方便的就是切配置每次都要手机上操作好，然后开电视再去换配置，过于繁琐。原本的工控机我直接挂咸鱼了，死机几次之后不想再折腾了。血亏出手。赶上双 11，凑了个单，被推友安利零氪小主机。买了台裸机 EQ12，配合三星 980 和 三星 DDR5 内存，希望这次能稳一点。到手之后，我又开始 All in Boom 了。大存储迁移原本一 ...继续阅读 (65)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/158记录一下最近发生的事。一次追星好在上周与科比哥聊了会，直到周二在上海有次大佬聚会，前端巨星antfu会来。这次又是川哥组的局，以后多跟着川哥混，什么大佬都能见到。周二下午到达上海，在某个麦当劳和几位大佬坐了会，然后这天某 A 知名厂又有瓜可以吃，大伙都在聊着这件事。差不多到饭店，antfu 和其他大佬们也来了，然后去饭店恰饭。https://x.com/__oQuery/status/1716787249160040649?s=20https://x.com/Shenqingchuan/status/1716790464098275405?s=20前端圈子最近某 A 公司爆出的事情有点多，大伙都忙着吃瓜。从天上到地下也就半年时间，可怕。Next.js 14 出了，没什么好讲的。Server Action Stable，对我来说没啥用，过了十几年之后证明 PHP 才是最好的语言。https://x.com/__oQuery/status/1717751423654580478?s=20https://x.com/scaredmonad/status/1717657195829957023?s=20游戏漫威蜘蛛侠 2粉丝向，非常好玩。配合 PS5 的读盘速度，无缝在 ...继续阅读 (70)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/why-i-prefer-imperative-modalModal 模态对话框。在中台业务中非常常见。什么是声明式 Modal组件库中一般都会内置这类组件，最为参见的声明式 Modal 定义。例如 Antd 5 中的声明式 Modal 是这样定义的。const App: React.FC = () => { const [isModalOpen, setIsModalOpen] = useState(false) const showModal = () => { setIsModalOpen(true) } const handleOk = () => { setIsModalOpen(false) } const handleCancel = () => { setIsModalOpen(false) } return (Open ModalSome contents...Some contents...Some contents...< /> ) }上面是一个受控的声明式 Modal 定义，写起来非常臃肿。你需要手动控制 Modal 的 Open 状态。并且你需要首先定 ...继续阅读 (77)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/157草草记录下最近发生的事。自从 emo 情绪变少之后，生活日志也变得少了起来，记得去年这时候的日志都是以 emo 文相关。参加婚礼3 号的时候跟着家里人去参加了一场亲戚的婚礼，新娘嫁了个富哥，婚礼那场面还是很壮观的。他们租了两天的别墅，一天都要几万的那种。那地方第一次去还以为是某个旅游景点。接亲的车是小金人，然后又整点什么仪式啥的，一个上午搞到了好多华子和红包。咋也不懂婚礼有这么多套路。反正能蹭饭就行了。中午婚宴只是一部分，晚上才是大头。::: gallery:::晚上，比较大的婚宴，大概有几百号人。还请来了乐队，中间还有抽奖环节，开始都是参加小游戏送家电啥的，都最后还抽奖送 iPad，大电视和金条。富哥真的是会玩。虽然我一个都没抽到。::: gallery:::杭州良渚游假期最后，又去了一次杭州。此次主要向前往良渚玉鸟集。在前一天和杭州的朋友们一起聚餐。https://x.com/RealAkemiHomura/status/1709528125162635420?s=20聚餐这种事情真的是 E 人天堂，I 人地狱。整场结束都没有几句话的说。https://x.com/__oQuery/status/1709573452682969567?s=20第二天，前往良 ...继续阅读 (60)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/156将近一个月没有更新生活相关相关的文章了。主要是最近也没有什么新鲜事，分享欲也不是很大。一次 City Walk 和过夜体验9 月的时候，又去了一次上海，和朋友在上海进行了一次 city walk，晚上和几位大佬在电竞酒店过了一夜。上图是傍晚时分，在南码头渡口附近。电竞酒店忘了拍照留念，上下铺的感觉仿佛回到了大学时期。Shenqingchuan2beelin精力好足，战到深夜两三点。第二天，一起去吃了个午饭之后，开始往西走。下午，和zhangmo8面基，然后在一家咖啡馆，一起探讨 NeoVim 相关话题。zhangmo8国庆假期要结婚了，给我们送了喜糖。不知道我何时才能有甜甜的爱情呢。兴趣养成 - 🎹也许是从进入云村开始，接触到了各种的纯音乐。从高中被人安利网易云，便进入到了钢琴曲的时间，从刚开始的日本 DJ 的 luv letter 和 flower dance，到韩国的 July 的 my soul 等等，到后来国人作曲家邱有句。我很非常喜欢这些钢琴曲，也是这样结下了缘吧。可我没有一点基础。也许，现在有时间去弥补一些曾经的遗憾，没有接触过乐器。入手了贝琪的电钢，购买了 Simply piano 一年订阅，每天没事的时候学一学，目前也没有报班，后续再看吧。设备换 ...继续阅读 (80)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/nestjs-with-trpc-and-dependency-injection最近在重写一个 NestJS 的项目，想着这么集成下 tRPC 供管理面板前端使用。原本在管理面板都是裸写的 API 接口，也没有任何响应类型。如果使用 tRPC 的话，不仅不用手写 API 还能做到 End-to-End Type-safe.tRPC 是什么RPC 是指远程过程调用 (Remote procedure call)，tRPC 的t强调了 TypeScript 的实现，利用了 TypeScript 的类型系统实现了在客户端与服务端之间的通信过程并提供高效的类型安全。tRPC 一般在全栈框架中用的比较多，比如 Next.js。况且在 Next.js 推广 App Router 之后，类似 RPC 的方式也会变得比较流行，可以省去很多麻烦。NestJS 接入 tRPCNestJS 接入 tRPC 的方式非常简单。和普通服务端接入类似。下面都以fastify作为 NestJS 应用的适配器实现。NestJS 本身是一个抽象层，我们可以获取到源服务器的实例，这里是fastify。按照 tRPC 的文档，我们对fastify实例注入插件的形式来完成 tRPC ...继续阅读 (74)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/155人际与自我从各种方面，我一直觉得自己处在一种“微妙的关系”中：悔恨、人际关系，甚至是自己。这种微妙性时常让我觉得自己是个失败者，尤其是在面对复杂的人际关系时。每次我因冲动做出决定或是其他过失，会一直耿耿于怀，像一块沉重的石头压在心上，每次想到都会后悔为什么当时会这么做。与人交往总让我倍感压力。看似微小的矛盾和冲突一旦出现，我总是选择逃避。这样的逃避并不会解决任何问题，反而使得关系更加复杂。我明白这样越是这样越是会辗转反侧，但总感觉有种无形的力量阻碍着我去改变。就这样经历了多次，突然之间陷入了僵局，不过几天时间这段友谊就结束了。越是无话不说的关系，越是容易突然之间消散，而这种落差感能让我长久铭记和悔恨。而因为有这种心态，在情感方面，一切变得更加困难。我总觉得自己不可能拥有一段正常的恋情，尤其是当我考虑到过去的失败经历，我对恋爱充满了恐惧和疑虑。害怕最后的结局会是伤害自己。我明白这样的生活循环必须打破。最近我开始反思自己，试图找出问题的根源，并寻找解决之道。我逐渐认识到，我不能让过去的悔恨和失败定义我的未来。生活永不停息，它不会因为我的犹豫或深陷悔恨而暂停脚步。改变是一个长期且艰难的过程，但只要我有意愿和勇气去改变，一切都还来得及。我希望，有朝一日的我能更好地处理这 ...继续阅读 (80)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/154随便记录一下最近发生的事：老同学从日本回国了，约了饭聊了聊现状和未来。几个比较有意义的问题：关于就业国内就业现状不容乐观未来能在日本找到工作尽量留下来申请高才可以先混个永居关于单身无聊的时候找个人陪，会有找女朋友的想法一旦充实起来就不会去想这些事了可以在日本读研期间找个对象，但是圈子问题比较难关于旅游单身可以去各地走走相反我是独自的话越走越 emo，不太会一个人出去最近录了一期博客 Web Worker。第一次录节目，比较紧张，有时候结巴，晚上睡觉的时候还在回想，说的不好不对的地方。感觉我经常会事后回想是不是不够好的地方。No.35 和活力满满的拾一Innei 聊前端 React 技术选型、博客开发和生活的确幸知道了一个名词冒名顶替症候群，感觉我就是类似。其他的记录影视串流先锋讲述 Spotify 前世今生的故事天才程序员因学历被 Google 抛弃，创立 Spotify组建一个开发梦幻阵容，全是非常牛逼又有想法但是不被其他公司认可的人创作者，唱片公司，串流平台的矛盾孤注一掷反诈题材的电影，值得一看鱿鱼游戏（二刷）生存，金钱之间对人性的思考天才基本法（国产肥皂剧）无职转生（男主真是老涩逼）再追租借女友僵尸 100其实，我是最强的购物米家空气净化器 Pro H米家 ...继续阅读 (75)