2026.06.18 · 博客首页

NW' Blog

欢迎来到 NW' Blog，这是你可以阅读 NW 最新分享、项目总结与页面改造思路的集中地。

博客简介

NW' Blog 以简洁可读为核心，聚焦前端实践、交互设计与项目经验分享。然后还有神秘MongoDB + Vercel Blob后端。

主要内容

博客包含：个人介绍页、内容展示页、归档页以及工具页。你可以通过顶部导航轻松切换这些页面。

个人介绍：作者背景与创作理念
归档页面：时间线形式展示页面列表
指南页面：主要是博客管理
工具页面：不会用到的妙妙小工具

此新站建于2026.6.18，老物看情况更新

设计原则

GPT-4那会儿，我的编程能力还很青涩，写出来的代码常遭人嘲笑。
那时我便暗暗发誓：总有一天，我要成为真正的天才程序员。
时过境迁，我的编程水平突飞猛进。
曾经困扰我几天的问题，如今片刻便能解决；
以前想都不敢想的项目，现在也是信手拈来。
偶尔我也会怀疑：我今天的成就，是否借助了太多外力？
直到今天，我回顾来时的路——
从GPT-4，到GPT-4o；
从Sonnet，到Opus；
再到如今的5.6 Sol Ultra Fast。
我换了一个又一个AI，编程实力却始终稳步上升。
那一刻，我终于释然了。
工具一直在换，强的却一直是我，
原来我早就是天才程序员了

技术札记

Vercel Blob 自带 immutable 缓存头，不用在客户端再套一层 IndexedDB + localStorage。
使用Vite算好内容哈希，别出竞态了。
图片用 getHashedImageUrl() 引用，构建时自动哈希，不用管缓存失效。
安全够用（心虚），预共享令牌 + bcrypt + JWT HttpOnly Cookie。

Pages

站点导览

探索前往饮茶室仿制匿名版式聊天网页。 /tea-group/

点击输入文字然后还可以跳转到两个不同的地方 /fio/airport.html

Library

书库

导读按「引原文 → 推机制 → 留判读工具」重讲，点开书脊可以直接跳到对应某卷。

部: 22
章: 110
篇: 494

读法

点封面 —— 就地翻开
点书脊 —— 跳到该卷
点「进入书库」 —— 书架全览

Archive 22 卷

原书仓库 “能源诅咒”的政治起源为战斗而领导与训练事发之室国富论圆通的人际关系安全边际少有人走的路当音乐停止之后

进入书库

NW Collection

书库

22 卷 · 静候翻阅

***********===+++;;;;::::,,,,,,,:::::;;;;;+++++++++++++;;;:::,,,,....         ....,,,::::;;;;;;;;;;;;;;::::,,,,,,,...,,,,,,,:::;;+++===***********===+++;;;;::::::,,:::::::;;;;++++========++++;;;:::,,,
*******====+++;;;:::::::::::::::;;;;++++=========++++;;;:::,,,.....      .....,,,,::::;;;;;;;;;;;;::::,,,,,..........,,,,:::;;;+++===********====+++;;;;::::::::::::::;;;;+++============++++;;:::,,,,..
***====+++;;;;::::::::::::::;;;;+++=============+++;;;:::,,,,.............,,,,::::;;;;;;;;;;;;::::,,,,..............,,,,::;;;+++=============++++;;;::::::::::::::;;;;+++====*******====+++;;;::,,,,,...
===++++;;;;::::::::::::::;;;;+++====********====++;;;:::,,,,..........,,,,,::::;;;;;;;;;;;;::::,,,,.....       ....,,,,::;;;++++========+++++;;;;:::::::::::::::;;;+++====**********===+++;;::::,,,,,...
++++;;;;::::::,,,::::::;;;;+++===***********===+++;;::::,,,,,,,,,,,,,,,:::::;;;;;;;;;;;;;;::::,,,....          ...,,,,:::;;;+++++++++++++;;;;:::::,,,,,,,,:::::;;;+++===***********===+++;;;:::,,,,,,,,,
;;;;;:::::,,,,,,,,:::::;;;+++===***********====++;;;::::,,,,,,,,,,,,::::;;;;;++++++++;;;;;:::,,,....          ....,,,::::;;;;++++++++;;;;;:::::,,,,,,,,,,,::::;;;+++===***********====++;;;:::::,,,,,,,,
;;::::,,,,,,,,,,,,,::::;;;++===***%%%%*****===+++;%%%%:::,,,,,,,:::::;%%%%++++++++++++%%%%:::,,,....         ....,,,,:::;;;;;;;;;;;;;;;::::,,,,,,,,,,,,,,,,:::;;;+++===**********====+++;;;::::::,,,::::
:::,,,,,,.....,,,,,,:::;;+++===***%%%%***====+++;;%%%%::::::::::::;;;;%%%%+========+++%%%%:::,,,....       .....,,,,::::;;;;;;;;;;;;:::::,,,,,.........,,,,:::;;;+++===********====++++;;;::::::::::::::
,,,,,...........,,,,:::;;+++====**%%%%*====++++;;;%%%%::::::::::;;;;++%%%%==========++%%%%:::,,,..............,,,,:::::;;;;;;;;;;;::::,,,,,.............,,,:::;;;+++=============++++;;;::::::::::::::;;
,,..............,,,:::;;;+++======%%%%==++++;;;;::%%%%::::::::;;;++++=%%%%******====++%%%%::,,,,...........,,,,,::::;;;;;;;;;;;;::::,,,,.....      .....,,,:::;;;+++=========+++++;;;;::::::::::::::;;;;
...        ....,,,:::;;;++++======%%%%%%%%;;::::::%%%%::::::;;;+++===*%%%%******===+++%%%%::,,,,,,...,,,,,,,::::;;;;;;;;;;;;;;::::,,,....          ...,,,,:::;;;++++++++++++++;;;;:::::,,,,,,,:::::;;;++
         ....,,,,:::;;;+++++++++++%%%%%%%%:::,,,,,%%%%:::;;;+++===****%%%%****===+++;;%%%%,,,,,,,,,,,,,::::;;;;;++++++++;;;;:::,,,,....          ...,,,,:::;;;;+++++++++;;;;;::::,,,,,,,,,,,,:::;;;+++==
      ....,,,,:::;;;;++++++++;;;;;%%%%%%%%,,,,,,,,%%%%;;;+++===*******%%%%*===+++;;;::%%%%,,,,,,::::::;;;;++++++++++++;;;:::,,,,....         ....,,,,:::;;;;;;+++;;;;;;:::::,,,,,,,,,,,,,,,:::;;;++====*
  ....,,,,::::;;;;;;;;;;;;;;::::,,%%%%%%%%,,,,,,::%%%%+++===**********%%%%+++;;;::::::%%%%:::::;;;;+++++=======++++;;;:::,,,,....       .....,,,,::::;;;;;;;;;;;;::::,,,,,,........,,,,,:::;;+++====****
.,,,,::::;;;;;;;;;;;;::::,,,,,....%%%%..,,%%%%::;;%%%%===*******====++%%%%;:::::::::::%%%%;;;++++============+++;;;:::,,,..............,,,,:::::;;;;;;;;;;;::::,,,,,............,,,,:::;;;+++=====***===
::::;;;;;;;;;;;::::,,,,...........%%%%,,,:%%%%+++=%%%%========++++;;;:%%%%:::::::::;;;%%%%=====******====+++;;;:::,,,,..........,,,,,:::::;;;;;;;;;;;::::,,,,,.....     .....,,,:::;;;+++==========++++;
;;;;;;;;;::::,,,,.....       ....,%%%%:;;;%%%%====%%%%+++++;;;;:::::::%%%%::::;;;+++==%%%%********===+++;;::::,,,,,.....,,,,,,:::::;;;;;;;;;;;;;::::,,,,....         ....,,,:::;;;++++++==++++++;;;;::::
;;;;::::,,,,....         ....,,,::%%%%++++%%%%++++%%%%;;:::::,,,,,,,::%%%%;;+++===****%%%%***====++;;;::::,,,,,,,,,,,,,::::;;;;;+++++++;;;;;:::,,,....          ....,,,::::;;;++++++++++;;;;;:::::,,,,,,
:::,,,,...           ...,,,,:::;;;%%%%++++++;;%%%%%%%%,,,,,,,,,,,:::;;%%%%===*%%%%****%%%%==+++;;;::::,,,,,,,,,:::::;;;;++++++++++++;;;:::,,,,....         ....,,,,:::;;;;;;++++;;;;;;::::,,,,,,,,,,,,,,
,,,....         ....,,,,:::;;;;;;;%%%%;;;;::::%%%%%%%%,,,,,,,,:::;;+++%%%%****%%%%**==%%%%;;;;::::::,,,::::::;;;;+++++======+++++;;;:::,,,....        ....,,,,::::;;;;;;;;;;;;;::::,,,,,,.......,,,,,:::
....       .....,,,,:::;;;;;;;;;;;%%%%::,,,,,.%%%%%%%%.,,,,:::;;+++===%%%%****%%%%=+++%%%%::::::::::::::;;;;+++============+++;;;:::,,,......   ......,,,,::::;;;;;;;;;;;;::::,,,,.............,,,:::;;;
...........,,,,,::::;;;;;;;;;;;:::%%%%,,......%%%%%%%%,,,:::;;+++=====%%%%====%%%%;;;;%%%%:::::::::;;;;++++====******====+++;;;:::,,,,...........,,,,,::::;;;;;;;;;;;;::::,,,,.....     .....,,,:::;;;++
.......,,,,,::::;;;;;;;;;;;;::::,,%%%%...      ...%%%%,:::;;;++++=====%%%%++++%%%%::::%%%%:::::::;;;+++====*********====++;;;:::,,,,,.......,,,,,:::::;;;;;;;;;;;;;::::,,,,....        ....,,,,:::;;;+++
.,,,,,,,::::;;;;;;;;;;;;;;::::,,,,%%%%         ...%%%%:::;;;++++++++++%%%%;;;;%%%%::,,%%%%:::::;;;+++===************===++;;;::::,,,,,,,,,,,,,:::::;;;;;++++++;;;;;:::,,,,...          ....,,,,:::;;;++++
,,,,:::::;;;;;+++++++;;;;;:::,,,,.%%%%        ....%%%%:::;;;;+++++++++%%%%;:::%%%%,,,,%%%%::::;;;+++===************===+++;;;::::,,,,,,,,,:::::;;;;;++++++++++;;;;:::,,,,...          ....,,,,:::;;;;;+++
,:::::;;;;++++++++++++;;;;:::,,,..%%%%       ....,%%%%:::;;;;;+++;;;;;%%%%::,,%%%%,,,,%%%%,:::;;;+++===***********===+++;;;::::::,,,,::::::;;;;+++++=====+++++;;;:::,,,....         ....,,,,::::;;;;;;;;
:::;;;;++++========++++;;;:::,,,..%%%%      ....,,%%%%::;;;;;;;;;;;;;:%%%%%%%%....%%%%%%%%,:::;;;+++===*********====+++;;;:::::::::::::::;;;++++===========++++;;:::,,,,.....    .....,,,,,::::;;;;;;;;;
;;;;++++============+++;;;:::,,,..%%%%. ......,,,,%%%%:;;;;;;;;;;;::::%%%%%%%%....%%%%%%%%,:::;;;+++=====***======+++;;;;::::::::::::::;;;++++=====****=====+++;;:::,,,,............,,,,,::::;;;;;;;;;;;
;;+++=====******====+++;;;:::,,,,.%%%%......,,,,::%%%%;;;;;;;;;;;::::,%%%%%%%%    %%%%%%%%,:::;;;++++==========++++;;;:::::::::::::::;;;++++===*********====+++;;:::,,,,,........,,,,,::::;;;;;;;;;;;;;:
+++====*********====++;;;:::,,,,,,%%%%.,,,,,,::::;%%%%;;;;;;;;;::::,,,%%%%%%%%    %%%%%%%%,:::;;;+++++===++++++;;;;::::::,,,,,:::::;;;;+++===***********===+++;;;:::,,,,,,,,,,,,,,:::::;;;;;+++++;;;;;::
+===***********===+++;;;:::,,,,,,,%%%%,,:::::;;;;;%%%%+++;;;;::::,,,..%%%%        ....%%%%::;;;;++++++++++;;;;;::::,,,,,,,,,,,::::;;;++====***********===+++;;;::::,,,,,,,,,,,::::;;;;;++++++++++;;;;:::
=************===+++;;;::::,,,,,,,,%%%%::;;;;++++++%%%%++;;;:::,,,,... %%%%     ....,,,%%%%;;;;;+++++;;;;;:::::,,,,,,,,,,,,,,::::;;+++===***********====++;;;;:::::,,,,,::::::;;;;++++++===+++++;;;;:::,,
*********===+++;;;::::::,,,,::::::%%%%+++++======+%%%%;;:::,,,,....   %%%% ....,,,,:::%%%%;;;;;;;;;;::::,,,,,........,,,,,:::;;;++====*********====+++;;;:::::::::::::::;;;;++++==========+++;;;:::,,,..
***====+++;;;;::::::::::::::;;;;++%%%%=========+++%%%%::,,,......   ..%%%%,,,,::::;;;;%%%%;;;;::::,,,,,............,,,,:::;;+++=====****=====++++;;;::::::::::::::;;;;+++======***=====+++;;;:::,,,.....
=++++;;;;:::::::::::::;;;;+++=====******====+++;;:::,,,,............,,,,:::::;;;;;;;;;;;::::,,,,,.....    .....,,,,:::;;;+++===========++++;;;:::::::::::::::;;;+++====*********===+++;;;:::,,,,........
;;:::::::::::::::;;;+++====*********====+++;;:::,,,,,.......,,,,,,::::;;;;;;;;;;;;;::::,,,,....        ....,,,,:::;;;+++++====+++++;;;;;:::::,,,,,::::::;;;+++===***********===+++;;;:::,,,,,,,,,,,,,,,:
,,,,,,,:::::;;;+++===***********===+++;;;:::,,,,,,,,,,,,,,::::;;;;;;+++++;;;;;::::,,,....          ....,,,:::;;;;+++++++++++;;;;:::::,,,,,,,,,,::::;;;+++===***********====++;;;::::,,,,,,,,,,,:::::;;;;
,,,::::;;;+++===***********====++;;;:::::,,,,,,,,,:::::;;;;+++++++++++;;;;:::,,,....          ....,,,,:::;;;;;+++++;;;;;;::::,,,,,,,,,,,,,,:::;;;+++===***********====++;;;;:::::,,,,,,:::::;;;;;+++++++
:::;;;++====**********====+++;;;::::::,,,,::::::;;;;+++++=====+++++;;;:::,,,....         ....,,,,::::;;;;;;;;;;;;;::::,,,,,,......,,,,,:::;;;+++===**********===++++;;;:::::::::::::::;;;;++++=========+
;;+++====********====+++;;;;::::::::::::::;;;;++++===========+++;;;:::,,,.....     .....,,,,::::;;;;;;;;;;;;::::,,,,,...........,,,,:::;;;+++====******====++++;;;::::::::::::::;;;;+++==============+++
+++=====***=====++++;;;;:::::::::::::;;;;+++=====*****=====++;;;:::,,,,............,,,,:::::;;;;;;;;;;;::::,,,,,.....    .....,,,,:::;;++++===========++++;;;;::::::::::::::;;;+++====*********===+++;;;
+==========++++;;;;:::::::::::::::;;;+++====*********====++;;;:::,,,,,.......,,,,,,::::;;;;;;;;;;;;;::::,,,,....        ....,,,,:::;;;++++======+++++;;;;::::::,,,,::::::;;;+++===***********===+++;;;::
++===++++++;;;;::::::,,,,,::::::;;;+++===***********===+++;;;:::,,,,,,,,,,,,,,,::::;;;;;;++++;;;;;::::,,,....          ....,,,:::;;;;+++++++++++;;;;;::::,,,,,,,,,:::::;;;+++===***********====++;;;::::
+++++++;;;;:::::,,,,,,,,,,,:::;;;+++===************===+++;;;::::,,,,,,,,,,:::::;;;;+++++++++++;;;::::,,,....          ...,,,,:::;;;;;+++++++;;;;;::::,,,,,,,,,,,,,::::;;;++====***********===+++;;;:::::

Software

软件库

占位文案 —— 软件库的介绍待撰写。此块用于预演入口版式与核心视觉。

进入软件库

heatmap.ts — nw

import { posts } from "../content";
const heat = new Map();
for (const p of posts) {
  const key = p.date.slice(0, 7);
  heat.set(key, (heat.get(key) ?? 0) + p.words);
}
console.log([...heat].sort());

nw — toolbox

$ nw toolbox --list
+--------------------------------+
|  NW' TOOLBOX               2.6 |
+--------------------------------+
|  epub2md   ebook to lecture md |
|  heatmap   writing activity    |
|  strata    design tokens       |
|  pcb-view  board preview       |
+--------------------------------+
$

Hardware

硬件库

占位文案 —— 硬件库的介绍待撰写。此块用于预演入口版式与核心视觉。

进入硬件库

Index

快速入口

站点导航，以及首页的其它几个版式试验。

站点导航

友链

版式试验

评论区留下您的想法