@bbki.ng/site 5.4.21 → 5.4.24

package/src/blog/articles/leaves.mdx

@@ -1,7 +0,0 @@
----
-title: 树叶
-tags:
-  - 随笔
----
-
-下班发现洗衣机盖子上有片树叶，应该是窗外飘进来的。

package/src/blog/articles/liqiu.mdx

@@ -1,7 +0,0 @@
----
-title: 立秋
-tags:
-  - 随笔
----
-
-这个没有参与感的夏天，就像六月的梦，是黑色的。对了，吃过一次西瓜，大面积黑色里，至少还有一小片红。

package/src/blog/articles/loading.mdx

@@ -1,144 +0,0 @@
----
-title: 加载动画
-tags:
-  - bbki.ng
-  - loading
-  - WebGL
----
-
-import { SpinnerDemo } from "@/demo/SpinnerDemo";
-import { DemoBox } from "@/demo/DemoBox";
-
-<SpinnerDemo />
-## 前言 >《她》是讲述在不远的未来人与人工智能相爱的科幻爱情电影。主人公西奥多（杰昆·菲尼克斯
-Joaquin Phoenix 饰）是一位信件撰写人，心思细腻而深邃，能写出最感人肺腑的信件。他刚结束与妻子凯瑟琳（鲁妮·玛拉
-Rooney Mara 饰）的婚姻，还没走出心碎的阴影。一次偶然机会让他接触到最新的人工智能系统
-OS1 ……
-
-相信大多数人，在看这部电影的时候，不仅仅会被剧情打动，也会被电影的镜头美学吸引。《她》呈现出一个没有被冷酷金属主导的科幻世界，那里光线柔和，色调温暖。人们的着装跟我们并没有太大区别，但是人工智能操作系统能完成的事情以及普及程度，现在看来很难想象。有意思的是，技术的发展并没有消灭「加载时间」，OS1 在安装的时候，西奥多依然需要等待。屏幕上精美的加载动画给我留下深刻的印象，从那时候起，就希望动画能出现在我的网站上。
-
-## 灵感
-
-根据 Atwood's Law
-
-> Any application that *can* be written in JavaScript, *will* eventually be written in JavaScript.
-
-肯定有人已经用 JS 实现 OS1 系统的加载动画。没错，这个人是 [@psyonline](https://codepen.io/psyonline)，他的[在线示例](https://codepen.io/psyonline/pen/yayYWg)也非常惊艳。
-那么，直接复制粘贴过来可以吗？该示例使用 Three.js 实现，写这篇文章的时候，根据 [bundlephobia](https://bundlephobia.com/package/three@0.142.0) 显示，`three@142.0` 压缩后仍然有 `596.9kB`。对于个人网站，仅仅用来实现一个加载动画，无疑很不划算。
-
-[@shuding](https://twitter.com/shuding_)发布过一[系列推文](https://twitter.com/shuding_/status/1475916082875666441)介绍他如何制作一个轻量级的 [WebGL 地球库](https://github.com/shuding/cobe)，十分精彩。开篇提及两个轻量级 WebGL 库：
-
-- [phenomenon](https://github.com/vaneenige/phenomenon)
-- [W](https://xem.github.io/W/)
-
-前者压缩后，只有 `5.4KB`。正是我想找的工具。接下来，只需要 3 步就能实现文首的动画：
-
-1. 熟悉 phenomenon 的 API
-2. 用 phenomenon 绘制曲线
-3. 让曲线动起来
-
-## 行动
-
-### WebGL
-
-进行第一步时，发现自己还完全不了解 WebGL。看完 [The Book of Shaders](https://thebookofshaders.com/) 后，能基本理解 phenomenon 的[示例](https://codepen.io/collection/AOpMrm/)。至此，已经可以复制粘贴示例并修修改改，验证书中的概念和自己的理解。直到手痒痒想绘制自己想要的曲线，就进行到下一步。
-
-### Curve
-
-@psyonline [示例](https://codepen.io/psyonline/pen/yayYWg)中不难找到绘制曲线的代码：
-
-```
-function(percent) {
-  var x = length*Math.sin(pi2*percent)
-    , y = radius*Math.cos(pi2*3*percent)
-    , z
-    , t;
-
-  t = percent%0.25/0.25;
-  t = percent%0.25-(2*(1-t)*t* -0.0185 +t*t*0.25);
-
-  if (Math.floor(percent/0.25) == 0
-    || Math.floor(percent/0.25) == 2) {
-    t *= -1;
-  }
-
-  z = radius*Math.sin(pi2*2* (percent-t));
-
-  return new THREE.Vector3(x, y, z);
-}
-```
-
-我的主要目标变成移植这段代码，其中 `pi2`, `length` 和 `radius` 均为常量，原文取值:
-
-```
-const length = 30;
-const radius = 5.6;
-const pi2 = Math.PI * 2;
-```
-
-还有一个比较重要的参数 `percent`，打印发现取值范围为 0 到 1。有了这些，我愉快的写好 phenomenon 的 attributes:
-
-```
-const attributes = [
-  {
-    title: 'pos',
-    data: (index: number, total: number) => {
-      const percent = index / total;
-      // ...
-      // 复制粘贴 :)
-      // 此处省略
-
-      return [x, y, z];
-    },
-    size: 3,
-  },
-]
-```
-
-然后得到一个空白的画布
-
-<DemoBox />
-
-因为对 WebGL 的了解依然接近于 0 在胡乱猜测并修改一通后，画布依然一片空白，于是沮丧放弃。直到晚上，突然想着将半径和长度都降低两个数量级，画布中终于出现一个扭曲的麻花。上次这么开心还是上一次。
-
-### Matrix
-
-现在可以回想一下大学课堂线性代数中矩阵运算的知识。回想不起来也没关系，如果有一个正在念大学的弟弟的话，他会帮助写出 `rotate` 方法。
-
-```
-export const VERTEX_SHADER = `
-  attribute vec3 pos;
-  uniform mat4 uProjectionMatrix;
-  uniform mat4 uModelMatrix;
-  uniform mat4 uViewMatrix;
-  uniform float uProgress;
-  mat4 rotate(float _angle){
-    return mat4(
-      1.0, 0.0, 0.0, 0.0,
-      0.0, cos(_angle), -sin(_angle), 0.0,
-      0.0, sin(_angle), cos(_angle), 0.0,
-      0.0, 0.0, 0.0, 1.0
-    );
-  }
-  void main(){
-    gl_Position = uProjectionMatrix
-      * uModelMatrix
-      * uViewMatrix
-      * rotate(uProgress)
-      * vec4(pos, 1.0);
-    gl_PointSize = 1.0;
-  }
-`;
-
-```
-
-这些碎片代码，和碎片想法，最终组装出心心念念的动画。
-
-## 参考链接
-
-1. https://codepen.io/psyonline/pen/yayYWg
-2. https://twitter.com/shuding_/status/1475916082875666441
-3. https://thebookofshaders.com/
-4. https://shud.in/posts/metaballs-1
-5. https://codepen.io/cvaneenige/pen/MGBZpB
-6. https://movie.douban.com/subject/6722879/

package/src/blog/articles/love.mdx

@@ -1,19 +0,0 @@
----
-title: 爱情
-tags:
-  - 摘抄
-  - 诗歌
----
-
-```
-I knew
-I would love you
-But I would never
-Have guessed that
-You would love me too
-
-What’s even more
-Unbelievable was that
-You too
-Thought the same way.
-```

package/src/blog/articles/major-cold.mdx

@@ -1,14 +0,0 @@
----
-title: 大寒
-tags:
-  - 随笔
-  - 天气
----
-
-冬天下半场，更冷了，而且多雨。新闻开始有暴雪预警，更南边的同学，春节返乡将经受疫和天气双重影响。
-
-小区的地面，被雨水浇成黑色，香樟的树干也是。傍晚的时候，这种黑色像是从地面沿着树干伸向天空。黑色路面上的车辆，总是会压出一片黏腻的声音，比以往更吵。
-
-上次雪停后，没再穿过厚羽绒服。身体在一点点适应湿寒。某天中午大雾，绕湖散步途中，被过于湿润的空气包裹着，有种安心的感觉。换城市工作后，一直在经历的不仅仅是环境温度持续下降，内心的一部分也在慢慢冷却。
-
-和四季一同起伏，不当暴躁的怪物。

package/src/blog/articles/marshroom.mdx

@@ -1,17 +0,0 @@
----
-title: 口蘑
-tags:
-  - 随笔
----
-
-“老板，这是什么？”
-
-“口蘑。”
-
-“怎么吃？”
-
-“切片，两面煎黄，煮汤吃。”
-
-“这些够了吗？”
-
-“再加点，这个又不贵，你们也难得做次饭。”

package/src/blog/articles/men-without-women.mdx

@@ -1,19 +0,0 @@
----
-title: 没有女人的男人们
-tags:
-  - 随笔
-  - 阅读
-  - 一天计划
----
-
-《没有女人的男人们》是村上春树的短篇小说集，书本介绍写的是：「村上返回原点之作，《东京奇谭集》之后时隔九年又一短篇小说集」。「返回原点」也多少有点像在说自己，时隔三年又回到之前离开的城市。一天刚好看完。
-
-| 上午                   | 下午                                 | 晚上         |
-| :--------------------- | :----------------------------------- | :----------- |
-| 驾驶我的车 <br /> 昨天 | 独立器官 <br /> 山鲁左德 <br /> 木野 | 恋爱的萨姆沙 |
-
-故事中的男人们，有人妻子过世，有人想满世界流浪，有人是坚定的不婚主义，有人被戴上有颜色的帽子……男男女女，来来去去。短篇小说比起电影好像更任性一点，结局戛然而止也让人也觉得情理之中，根据交代过的信息想象一下男女主接下来的境遇也是一件很有意思的事情。我最喜欢的两篇是《山鲁佐德》和《木野》。前者作为一个故事，故事中又穿插了女主讲述的故事，很有层次感，也很容易被带入女主的玄妙变态、虚实莫辨的回忆或者说是想象中。甚至阅读完都不太想深究她和男主到底是什么关系。此外文中有一段关于胡子的描述，觉得挺好玩，感觉也可以尝试一下：
-
-> 他之所以开始蓄胡子，主要是因为没有什么事情可做。如果有了胡子，他便可以经常把手放在下颔、鼻子下边或者鬓角，享受触摸的感觉。用剪刀和锑须刀修剪胡子的形状，也可以消磨时间。他这才发现，原来仅仅留个胡子，便能打发无聊。
-
-《木野》直到结尾才对自己说，没错，我受伤了。一开始，故事男主好像都不是他一样，快结尾情节也开始有点莫名奇妙，就像拍摄过程中相机一直没有对焦。直到最后，木野对自己说，没错，我受伤了。读者可能才会和木野一起恍然而悟，是啊，他一开始就是个受伤的人啊。木野落跑逃避，沉默冷静，毫不在意。但最终他还是要正面盯着自己的创伤。

package/src/blog/articles/moment.mdx

@@ -1,9 +0,0 @@
----
-title: 站一下
-tags:
-  - 随笔
----
-
-“老板，取快递。”
-
-“好的，站一下啊。”

package/src/blog/articles/movie-day.mdx

@@ -1,15 +0,0 @@
----
-title: 个人电影节
-tags:
-  - 随笔
-  - 电影
-  - 一天计划
----
-
-**一天计划**，用一天时间在同一个地点做同一件事情。比如写一天代码、看一天书。个人电影节也是「一天计划」的一部分。从之前标记想看的电影清单中随机挑选出五部电影，用一天时间看完。
-
-| 上午                   | 下午                         | 晚上     |
-| :--------------------- | :--------------------------- | :------- |
-| 花火 <br /> 数电影的人 | 不能说的游戏 <br /> 蜂蜜之地 | 尽情游戏 |
-
-《花火》整部电影都很沉默冷静，甚至连剧中的枪响也是。可能是浓烈的情感需要大面积的留白去稀释，主角台词不多，却好像什么都已说尽。《数电影的人》是一部记录片，介绍了一群修复电影胶片的人，为电影延续生命。他们有枯燥的工作，有来自同事间互相鼓励和安慰。有意义危机，也有使命感和成就感。我更羡慕的是他们的工作周期，能花很长很长的一段时间慢慢把事情做好，也紧迫也从容。《不能说的游戏》讲述小女孩被熟人性侵后，整个人生受到的影响。电影配乐很欢快，大部分剪辑也是，但看似轻松欢快的节奏，却能让人感受到背后的压抑与主角内心困兽般的反应。这部电影，比起犯人，我更讨厌女主的母亲。《蜂蜜之地》是一部很美的记录片，贫瘠的土地，满眼只能看到岩石灌木和沙砾。相依为命的母女，贪婪的邻居。能够看到一种截然不同的生活方式，已经很心满意足。《尽情游戏》则是一部轻松的喜剧，可能包含了对战争的反思，我更愿意就把它当成一部普通的喜剧。最后其实还有一部德国电影《奇迹》，已经无法看下去，就像很久没有运动，跑完三公里已经到了极限，无法跑完最后一圈。

package/src/blog/articles/photos.mdx

@@ -1,13 +0,0 @@
----
-title: 照片
-tags:
-  - 随笔
----
-
-十岁的时候，外公的邻居从外地回来，背着黑色相机。现在回想，那个下午应该是他提出要给小孩拍照，我和另外几个在外边疯玩的小伙伴，才被叫回来，齐齐排在外公厨房后边的小路上，拍了合照。
-
-后来照片寄到外公手中，我看见勾肩搭背的三个人：左边的小伙伴歪着脑袋，表情呆滞，眼神虚无。对正在发生的事情没有概念，也许在想着被中断的游戏。中间那个经常揍我的人，满脸堆着傻笑像标准的 Grinning Face Emoji 自然地看着镜头。我躲在右边赤脚低头、姿势扭捏、脚趾抠地，害羞地把塞在裤兜里的手攥成拳头，还往外顶出一个小包。邻居按快门的时候，并没有引导我们摆成特殊的姿势，整理出自然的表情，就那么弯腰咔嚓，凝固了三个小男孩十几岁的样子。仔细多看一会儿，整个童年就在脑中徐徐展开。
-
-今天，那个位置的光线已经不适合拍照，外公栽种的枇杷树浓荫蔽空。枇杷树直直疯长时，他的背已经弓下去。大学某个假期，我回到乡下，给外公在同一个位置拍下一张照片：他弓着背双手握着几根干柴，并没有正对我。但是注意到我举着手机，就朝我笑，又或者仅仅是对着我笑。我和外公隔着一段距离，他在画面里显得更加瘦小，是的，我在偷拍外公。倔强执拗一生，外公那个笑，少有的温暖柔和。那是我拍的外公最后一张照片，分辨率并不高，但记忆里的笑容很清晰。
-
-现在我有自己的相机，当然，也是黑色的。我乐意背着它去拍陌生人，学义粉店里出神的流浪汉，月宫街边提着蛋糕抹眼泪的小朋友，南郊公园自信的小号乐手……很长一段时间沉迷于收集这些，零碎的喜怒哀乐。

package/src/blog/articles/projects.mdx

@@ -1,8 +0,0 @@
----
-title: 图片
-headless: True
----
-
-import Png from "@/pages/extensions/png";
-
-<Png />

package/src/blog/articles/pseudo-spring.mdx

@@ -1,7 +0,0 @@
----
-title: 春风模拟
-tags:
-  - 随笔
----
-
-夏天，在空调房间待到晚上某个时间点，然后出门。在适应室外的温度前，如果有风，会像是穿越到春天。

package/src/blog/articles/quote.mdx

@@ -1,26 +0,0 @@
----
-title: 可以攻玉
-tags:
-  - quote
----
-
-“生活曾经如此像游戏，在安谧甜美的气氛中，那些器具，都是玩具”
-
-“（眼泪）不掉下来也没有关系，她其实是一个情绪。这就是电影，看的是微妙的神态，并不是结果。”
-
-\- “我很悲惨，要是你知道我有多悲惨就好了。” \
-\- “我们能做什么？我们必须过好自己的生活。”
-
-“河流紀事 · 鄧獻誌
-
-河流用一生梳理 \
-地球的表情 \
-沿岸收集人類的喜怒哀樂 \
-檔案堆滿了海底的家”
-
-"No, you can’t force other people to change. You can, however, change just about everything else. And usually, that’s enough."
-[Aaron Swartz](http://www.aaronsw.com/weblog/nummi#:~:text=No%2C%20you%20can%E2%80%99t%20force%20other%20people%20to%20change.%20You%20can%2C%20however%2C%20change%20just%20about%20everything%20else.%20And%20usually%2C%20that%E2%80%99s%20enough.)
-
-"The [hedonic treadmill](https://en.wikipedia.org/wiki/Hedonic_treadmill), also known as hedonic adaptation, is the observed tendency of humans to quickly return to a relatively stable level of happiness despite major positive or negative events or life changes."
-
-"When people look at my pictures I want them to feel the way they do when they want to read a line of a poem twice."

package/src/blog/articles/red-gun.mdx

@@ -1,19 +0,0 @@
----
-title: 红色的枪
-tags:
-  - 随笔
----
-
-菜鸟驿站取徐雯瑶寄来的快递，一个穿浅蓝色毛衣的小男孩，骑着单车停在门口，一只脚踮着地没下车，大声朝里问老板娘：
-
-“彭文俊在不在？”
-
-“不在”
-
-“他去哪了？”
-
-“上课，他上课去了”
-
-小男孩掉头要走，老板娘大声问：
-
-“你昨天是不是拿了他那把红色的枪？”

package/src/blog/articles/rice-noodle.mdx

@@ -1,21 +0,0 @@
----
-title: 圆粉
-tags:
-  - 随笔
----
-
-“老板，香菜牛肉圆粉”
-
-“就是香菜牛肉粉噻？”
-
-“圆粉”
-
-“好”
-
-“有圆粉吧”
-
-“有”
-
-……
-
-“哎！不是说了要圆粉吗？”

package/src/blog/articles/spring-cooldown.mdx

@@ -1,8 +0,0 @@
----
-title: 春寒
-tags:
-  - 随笔
-  - 天气
----
-
-最开始只是刮风。重庆刮完台风的第二天，长沙，办公室窗外大风呼号，其声呜咽。工作群登出通告，提醒下班关窗。后边几天气温就回到冬季，并且有断断续续的小雨，不得不再次翻出羽绒服。小河涨水后，关注的钓鱼区 UP 主视频也随之陆续更新。

package/src/blog/articles/spring-rain.mdx

@@ -1,10 +0,0 @@
----
-title: 春雨
-tags:
-  - 随笔
-  - 天气
----
-
-在正式进入夏天之前，这里的气温曾突然跌到冬天的水平。然后伴随着清明时节的雨水，慢慢回升。我的作息，已经提前向去年夏末的节奏靠近。要不是疫情，早起后就能很悠闲地去那家粉店。要不是疫情，每个人都能多出很多选择。
-
-春天的雨在窗外滴滴答答，好像永远不会停下，雨声比冬天欢快，也许是整体气温让人先放松了下来。

package/src/blog/articles/travel.mdx

@@ -1,22 +0,0 @@
----
-title: 离开
-created_at: 2023-05-11
-tags:
-  - 随笔
----
-
-“人和事儿都在命运的秩序里展开，让我猝不及防，目瞪口呆。也就是这个时候，才发现自己已经长大成人，我觉得我必须离开。”
-
-虽然还没过完，二零二一年已经可以总结成：重大决定最密集的一年。这些决定既不慎重也不轻率，就像迷宫中的老鼠，有个角落放着它喜欢的奶酪，循味靠近的过程中不觉就走过很多需要左右抉择的路口。
-
-妈妈发消息说车库里的行李可能被水泡了，家里下大雨。寄回家的行李让弟弟就近堆在车库里，那天他要去考科目二。晚上，表弟特意过去把完好纸箱子都摞到凳子上。几天后，我回到家把行李都整理出来，一个路过的老婆婆问我纸箱子还要不要，我给了她。
-
-回家第一次见到侄子，他刚过两岁生日没多久。可爱是可爱，顽皮也顽皮。会口齿不清说一些很短词语，只有在举着酸奶喊干杯的时候，如银瓶乍破同时字正腔圆。她奶奶说他长大绝对是个酒鬼，你们看吧。表弟则惯着他，吃饭时把他抱在腿上，任由他用食指和拇指去酒杯里捏着酒往嘴里送。隔天把他从客厅的小天地带去水上乐园玩，一路吹着风特别乖巧，不声不响。很久之后这段经历会在他两岁的的记忆里发酵成什么样子呢？他是不是会在某天，跟朋友喊着干杯想起两岁的时候，他赖在浅水区不肯上岸回家的情景。他是否还记得飘在泳池上方的彩带，是否还记得他爸抱着他冲下水滑梯重力失常的感觉。
-
-小电驴跟县城很配。和弟弟每天骑着它，在外婆家和自己家穿梭。鼎山脚下的路上上下下，我自己脚下的路也是。早上穿着拖鞋去马路对面吃浇头喧宾夺主的三鲜粉，中午和带娃的表弟喝酒，晚上回家和弟弟一起看电影。如果不是前途未卜，现在的生活何尝不是向往的生活。空闲时间刷着省会城市的工作机会和房源，在踏实的当下和虚无的未来不断切换。生活有时候好像一成不变，有时候如梦似幻。一成不变的时候，如陷囹圄。瞬息破灭的时候，如坠深渊。聚散之后，定睛细看，有些碎片一直没有离开过，比如大学里买的帆布包和键盘。
-
-一些云端存储应用保留着过去的照片。一直觉得照片是回忆的快捷键，它们又像一个个虫洞通往过去的时空。这些虫洞中，有几个反复在脑海涌现。湘江护栏边坐着靠椅钓鱼喝茶的大叔，我记得那天傍晚有风，江面粼粼。小洲前的红色帆船，水天被一线小洲和绿树隔断。那是一个秋天，烟霏云敛。凭着这些清晰又模糊的印象，我在找房应用上不断重组筛选条件。动身前一晚，终于确定下来收藏房源和看房次序。
-
-动身回老家前，还有过一段过渡时间。房子到期感情也到期，工作即使辞职也需要临时的落脚地。终于明白为什么即使身处战争，士兵也需要营地。我也需要一个休息和思考的营地，同时因为仓促搬家，无比厌恶对一个地方产生依赖。室友听说我的处境后，在生日那天打车赶过来，在他之前住过的地方为我找到住处。行李被货车拉到楼下，很难不想起三年前只背着一个包就来到这座城市的场景。在营地休整了好一阵，最终还是决定离开这座城市离开这里，这座迷宫没有老鼠喜欢的奶酪。营地附近，有个正在备孕的同学，约好隔天慢跑。百忧撼心的营地生活，养成慢跑习惯成了为数不多的意外收获。
-
-找房的过程比想象顺利，事实上只看完第一家就已经决定签订合同。在小区穿行的感觉很对，我需要这种老旧的氛围平复内心的戾气。后来朋友告诉我说，这是河西最老的小区。等房东和中介离开，我开始对附近进行简单的探索，走出小区门口竟然就到了江边。往东偏北望去，我看到了回忆快捷键中的小洲！住进了自己的回忆里。蓦然回首的感觉大抵如此了。在地图应用中得知小洲叫傅家洲。

package/src/blog/articles/warming-up.mdx

@@ -1,10 +0,0 @@
----
-title: 回暖
-tags:
-  - 随笔
-  - 天气
----
-
-最高温度已经到二十七度。阴冷的冬天刚过去没多久，如果不是柳枝才冒出新芽，春天就好像没有存在过一样。
-
-《爱乐之城》上映的那一年，开始喜欢春天。一个人看完电影，吹着晚风往回走的时候突然意识到，只有春天才有这样的风，现在是春天。城市四季有长青的绿植，视觉上的花红柳绿，并不能明显地标示春天。相比之下，温度刚好的微风，在这里，是很稀有的存在。风，更能在一瞬间，全面唤醒身体关于春天的记忆。

package/src/blog/articles/web-burnning.mdx

@@ -1,10 +0,0 @@
----
-title: 入夏
-tags:
-  - 随笔
-  - 天气
----
-
-很长一段时间，断断续续都有雨。最近出现一个明显的转折点，之前的凉爽舒适，被闷热潮湿代替。电梯里湿度计读数百分之一百，房间的墙壁、天花板、地面，布满细密的水珠。人像住进深水里。霉菌在不起眼的角落和物件上疯长。
-
-第一次使用空调除湿模式，并感谢科技的力量。

package/src/blog/articles/woke-up.mdx

@@ -1,7 +0,0 @@
----
-title: 惊醒
-tags:
-  - 随笔
----
-
-厨房里，小乌鸦买的火锅底料掉在纯净水瓶上，纯净水瓶掉到地上，这是清早发现的。凌晨只是被惊醒，瞬间不知道自己在哪，有点害怕。

package/src/blog/articles/xwy-and-snowing.mdx

@@ -1,13 +0,0 @@
----
-title: 我想看雪
-tags:
-  - 随笔
-  - 天气
-  - 小乌鸦
----
-
-「我要看雪」，徐雯瑶几乎每天都会随机念叨这句话。用方言说的时候，偶尔会听成「我要开学」。很久之前，她就在问：「今年长沙会下雪吗？」。
-
-长沙有两次降雪，都跟从来没玩过雪的徐雯瑶擦肩而过。第一次下雪，长沙的朋友都在聊天群里发窗外雪景，只是望月湖没有看到一片雪花。同一时间，一公里外的岳麓山却纷纷扬扬。我们感染新型冠状病毒不久，正在恢复期间，徐雯瑶只能望雪兴叹。第二次下雪，徐雯瑶已经离开长沙。离开前，她看完一周天气预报，知道周日可能降雪后，忿忿不平。交代我如果下雪一定要和她视频通话。然后，她就在六百四十公里外，看着我在车顶滚雪球、用雪球在厨房洗碗池里堆小雪人并且，哭鼻子了。
-
-徐雯瑶真的羡慕哭过。

package/src/blog/articles/xwy.mdx

@@ -1,9 +0,0 @@
----
-title: 小乌鸦
-tags:
-  - 小乌鸦
----
-
-import { Xwy } from "../demo/Xwy";
-
-<Xwy />

package/src/blog/components/ImageUploader.tsx

@@ -1,55 +0,0 @@
-import React, { useContext } from "react";
-import { DropImage } from "@bbki.ng/components";
-import { useUploader } from "@/hooks/use_uploader";
-import { ImageUploaderProps } from "@/types/upload";
-import { GlobalLoadingContext } from "@/context/global_loading_state_provider";
-import { Auth } from "@/components/Auth";
-import { Role } from "@/hooks/use_role";
-import { useParams } from "react-router-dom";
-
-export const ImageUploader = (props: ImageUploaderProps) => {
-  const {
-    onUploadFinish,
-    onUploadError = () => {},
-    onUploadSuccess = () => {},
-    onBeforeUpload = () => Promise.resolve(),
-    projectId,
-    projectName,
-    ...rest
-  } = props;
-
-  const { setIsLoading } = useContext(GlobalLoadingContext);
-  const uploader = useUploader();
-  const isProjectOfQueen = projectName === "小乌鸦";
-  const role = isProjectOfQueen ? [Role.QUEEN, Role.KING] : [Role.KING];
-
-  return (
-    <Auth role={role}>
-      <DropImage
-        {...rest}
-        className="mb-256"
-        onUploadFinish={onUploadFinish}
-        uploader={async (file) => {
-          await onBeforeUpload();
-          setIsLoading(true);
-          try {
-            const res = await uploader(
-              projectId || "",
-              projectName || "",
-              file
-            );
-            await onUploadSuccess(res);
-            return setIsLoading(false);
-          } catch (e) {
-            setIsLoading(false);
-            onUploadError();
-            console.error(e, "failed to upload image.");
-          }
-        }}
-        ghost
-      >
-        {() => null}
-      </DropImage>
-    </Auth>
-  );
-};

package/src/blog/components/Img_ctx_menu/index.tsx

@@ -1,67 +0,0 @@
-import {
-  ContextMenuItem,
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuTrigger,
-  ContextMenuLabel,
-} from "@bbki.ng/components";
-import React, { ReactElement, useContext } from "react";
-import { useParams } from "react-router-dom";
-import { Auth } from "@/components/Auth";
-import { Role } from "@/hooks/use_role";
-import { confirm } from "@/utils";
-import { ContextMenuSeparator } from "@bbki.ng/components";
-import { useDelImg } from "@/hooks/use_del_img";
-import { toast } from "sonner";
-import { GlobalLoadingContext } from "@/context/global_loading_state_provider";
-
-export const ImgCtxMenu = (props: {
-  children: ReactElement;
-  name: string;
-  date: string;
-  width: number;
-  height: number;
-  id: number;
-  onRemoved?: () => Promise<void>;
-}) => {
-  const param = useParams();
-  const delImg = useDelImg();
-  const imgId = param.id;
-  const isImgOfQueen = imgId === "小乌鸦";
-  const role = isImgOfQueen ? [Role.QUEEN, Role.KING] : [Role.KING];
-  const date = new Date(props.date).toLocaleString();
-  const { setIsLoading } = useContext(GlobalLoadingContext);
-
-  return (
-    <ContextMenu>
-      <ContextMenuTrigger draggable={false}>
-        {props.children}
-      </ContextMenuTrigger>
-      <Auth role={role}>
-        <ContextMenuContent className="w-5xl">
-          <ContextMenuLabel>{props.name}</ContextMenuLabel>
-          <ContextMenuItem disabled>
-            {props.width} * {props.height}
-          </ContextMenuItem>
-          <ContextMenuItem disabled>{date}</ContextMenuItem>
-          <ContextMenuSeparator />
-          <ContextMenuItem
-            onClick={() => {
-              confirm("确认删除？", async () => {
-                setIsLoading(true);
-                await delImg(props.id);
-                await props.onRemoved?.();
-                toast.success("删除成功", {
-                  position: "bottom-right",
-                });
-                setIsLoading(false);
-              });
-            }}
-          >
-            Delete
-          </ContextMenuItem>
-        </ContextMenuContent>
-      </Auth>
-    </ContextMenu>
-  );
-};

package/src/blog/components/Logger.tsx

@@ -1,9 +0,0 @@
-export default () => {
-  // @ts-ignore
-  const appVer = GLOBAL_BBKING_VERSION;
-  const tagUrl = `https://github.com/bbbottle/bottle/releases/tag/@bbki.ng/site@${appVer}`;
-
-  console.log(appVer, tagUrl);
-
-  return null;
-};

package/src/blog/components/Pochacco/Pochacco.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-import { Watch } from "@/components/Pochacco/watch";
-import { Idle } from "@/components/Pochacco/idle";
-import { Crows } from "./xwy";
-
-export enum PochaccoPose {
-  Idle = "idle",
-  Watching = "watching",
-  Crows = "crows",
-}
-
-export type PochaccoProps = {
-  size?: number;
-  pose?: PochaccoPose;
-};
-
-export const Pochacco = (props: PochaccoProps) => {
-  const { size = 48, pose = PochaccoPose.Idle } = props;
-
-  if (pose === PochaccoPose.Watching) {
-    return <Watch {...props} />;
-  }
-
-  if (pose === PochaccoPose.Crows) {
-    return <Crows />;
-  }
-
-  return <Idle {...props} />;
-};