跳到主要内容

讲讲.html怎么玩

· 阅读需 3 分钟

不要被吓跑了(快回来🙂),讲点简单的,因为我也只会简单的:

什么是html?​

HTML(超文本标记语言)是构建网页的基础骨架。它不是编程语言,而是一种浏览器能识别的标记语言,用“标签”来描述网页的结构和内容。
简单来说,HTML 决定了网页“长什么样”(哪里是标题、哪里是段落、哪里放图片)…..
(好了,可以打住了,如果你对以上这些废话感兴趣可以去问ai😊)

直接告诉你,html ≈一个网页,现在用的是第五代html,所以叫html5,简称h5。所以以后不要被h5网页,h5设计这种互联网黑话吓到了,其实只是一个网页而已。(虽然到目前2026,h5大概已经是过时黑话了👋)

怎么打开和编写.html​

绝大部分的设备都能直接打开‘.html’的文件,会直接渲染成网页。

编写html则可以通过.txt也就是记事本来简单复制粘贴(请不要用记事本硬写,写md可以,写html太夸张了)。

更实际的方式是使用VS Code(建议用开源版VSCodium)编写,代码出错与否会自动高亮💡。

(这个就是下面那个框体的html本人)

那怎么写呢?​

不要直接写,请让ai给你吐出一个html框架或者直接在已有的html上面增加内容,比如在我的这几个外壳上面添加
(慢慢累积,就会越来越好,不知不觉就会变得很酷😊)

ai提示词参考👀 (先跟ai瞎聊一堆)然后输入:

给我制作成html

或者是正经的制作网页:

给我制作一个html,x+y=html
x=功能,y=风格,你可以增加其他需求定义为其他未知数。
请依次输入x,y

能直接嵌入静态站,非常灵活​

通常docusaurus(我这个博客就是docu的)或者hugo之类的静态站生成器,可以把html直接放进去(作为单独网页)或者嵌入.mdx里面(这种方式叫做‘react’,恭喜你又学会了一句技术黑话😊)

在.mdx里面就是这一句代码

<iframe src="/静态站生成器的默认路径/文件名.html" style={{ width: '100%', height: '250px' }}></iframe>

stlye里面的width是整个html的显示比例,height是高度尺寸,这些都可以自定义👀。


总之先玩起来吧,玩坏了也有一个很酷的坏玩具,怎么样都不亏。

复古玩乐_手搓html网页,其乐无穷🕹️

· 阅读需 2 分钟

先给你看看嵌入mdx的版本👀
(电脑端还能拉伸大小有更多的交互,移动端则是适配锁死,不然手机误触体验很差。)

我最近沉迷手搓html,真的很复古,用ai协作写css,然后自己调试修改打磨🔨。
每一个边框色彩都能自定义,完全看自己的喜好,每一个地方都透露着自身的审美、癖好、优点与缺陷,超级有创作的成就感。
我想做的dos和射线管crt,80s终端的感觉,原先的纯绿色图像太过黑客帝国,改成这样倒有点早期合金装备和16bit游戏的味道。(其实也还是很黑客帝国)

我还专门把字体换成繁体的Z工坊像素黑体 12px / Z Labs Pixel 12px这样更对味道👍。


本来是有一个军工风格的外壳的,不过看久了太重型了,感觉有点累,我注释了。
(就是这个框体。很帅,但是很影响移动端和其他一些体验,所以banbanban了🔫。)


另外还有其他几种样式👀


我觉得这是做中学的好方式,既积累作品又学会了写html,会看一些前端,做着做着就会改会写了,一开始就狠狠地用ai给你原型,然后上下其手魔改起来。

快行动起来吧,做完记得把链接🔗发我,发到📮gizeku@outlook.com👋

尝试给自己安排时间

· 阅读需 2 分钟

我很擅长做短期爆发的东西,比如绘画速写、写短文、爵士即兴。
这让我很不愿意静下来做一个完整的,通常符合商业标准完成度的作品。(这与泡太久社交平台和现代化短视频习惯也有关,典型的注意力涣散)

那种创意和情感挥洒完,之后要打磨的流程,对我来说很痛苦。
让AI帮我做后续累活?通常不理想,能完成一部分但是还要继续修改,甚至很多时候改的时间比从头自己弄还久。 这跟模型先进与否无关,跟体感相关,更接近手工艺的感觉。


那有没有办法缓解?​

每日固定安排一段时间专门做深入化工作,比如我是专门固定在下午时间段的三个小时。

(安排一天的时间分配,作一些排序,运动第一,其他根据重要度排序)

我的大概日程:

时段行为时间
上午起床后运动锻炼1小时
午饭前看讯息、前期概念设计通常2-3小时
午饭就是做饭吃饭啦🍚1-2小时
下午深度内容作业3小时
其他时间和碎片时间穿插写写blog文章—

有用没用不知道,起码假装挺健康且自律的,装着装着或许就成真了🥱。

故纸浮生

· 阅读需 2 分钟

《故纸浮生》与数字资产​

在儿岛青的《故纸浮生》里面有一个故事,说的是主人公去到一个死去的老者家里收旧书的情节。那三个房间里的庞大藏书,构筑起了一个人一生的纹理与趣味,姑且叫做体味可能更贴切。

我在想,假如我明天就要死去,我留下来的痕迹要如何处理?其实也早处理了,跟大多数数字化策略一样,把这个blog文件夹和其他本地资产打包给朋友(估计没朋友想接手就是了)、多个去中心内容库(这个还没想好)。

不然像故事中的那满屋的书籍,档案,个人笔记,真的是让人头痛。假如不是什么名人,那绝大概率就要化为云烟,埋到堆填区深处了。


书是什么?​

我说的是纸质书,阅读是另一个话题,我只讲书。今天应该没有多少人读纸书了,可以用kindle的都换成kindle。除了一些出于收藏目的,和我这种图像工作需要翻参考画册(工具书性质,事实上我也逐渐转数字了),基本没有多少存在必要了。 当然,诸如西门寒瘦人simon hanselmann这类独立漫画,art book,实体书还是绝佳体验(它好像也没有数字版)。不过这是小资产阶级审美,无用之用。

(《Megg,Mogg&Owl》这种废人漫画我就很爱看) 《Megg,Mogg&Owl》

圆蛤的滋味

· 阅读需 3 分钟

说起圆蛤大家能想起什么?如果是FamilyGuy恶搞之家里面的圆蛤镇Quahog那你估计没救了(蚊子笑😄)。

(这个是用ASCII Studio转换的)

皮特·格里菲斯


到底什么是圆蛤?​

按林奈体系划分,圆蛤是这样的状态:

林奈分类层级 学名/中文名
─────────────────────────────────────────────────
界 (Kingdom) Animalia (动物界)
│
├── 门 (Phylum) Mollusca (软体动物门)
│ │
│ ├── 纲 (Class) Bivalvia (双壳纲)
│ │ │
│ │ ├── 亚纲 (Subclass) Autobranchia (自鳃亚纲)
│ │ │ │
│ │ │ ├── 下纲 (Infraclass) Heteroconchia (异壳下纲)
│ │ │ │ │
│ │ │ │ ├── 小纲 (Subterclass) Euheterodonta (真异齿小纲)
│ │ │ │ │ │
│ │ │ │ │ ├── 目 (Order) Venerida (帘蛤目)
│ │ │ │ │ │ │
│ │ │ │ │ │ ├── 总科 (Superfamily) Veneroidea (帘蛤总科)
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ ├── 科 (Family) Veneridae (帘蛤科)
│ │ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │ ├── 属 (Genus) Mercenaria (硬壳蛤属)
│ │ │ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │ │ ├── ★ 种 (Species) Mercenaria mercenaria
│ │ │ │ │ │ │ │ │ │ ★ (硬壳蛤 / 圆蛤 / Quahog)
│ │ │ │ │ │ │ │ │ │ ★ ← 就是《恶搞之家》那个!
│ │ │ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │ │ └── 命名人: Linnaeus, 1758
│ │ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │ └── 同属其他种:
│ │ │ │ │ │ │ │ ├── Mercenaria campechiensis
│ │ │ │ │ │ │ │ └── Mercenaria stimpsoni
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ └── 同科其他常见属:
│ │ │ │ │ │ │ ├── Venus (帘蛤属)
│ │ │ │ │ │ │ ├── Chione (雪蛤属)
│ │ │ │ │ │ │ └── Paphia (蛤仔属)

是不是没看懂?我也没看懂👋
我们这里商品名叫做美国蛤 ,通常售价6¥/500g,大约有20颗。
(这个美国蛤(硬壳蛤/Quahog)的科学命名,居然就是林奈(Carl Linnaeus) 在1758年完成的)

🎭 圆蛤的文化梗​

你可能没想到,圆蛤虽然看着普通,但在流行文化和历史上其实有不少有趣的“戏份”:

文化场景说明
《恶搞之家》整个小镇就叫 Quahog,Peter Griffin 一家就住在这里——这是圆蛤在流行文化里最大的曝光
新英格兰地区圆蛤是当地最重要的经济贝类之一,地位相当于“区域性图腾”
美国原住民历史圆蛤壳曾被用作货币(wampum),林奈的种加词 mercēnārius(雇佣的)就来源于此

🌏 它跨越太平洋,现在也是中国沿海的经济贝类​

  • 引进时间:1997 年,由中国科学院海洋研究所的张福绥院士等人首次从美国引入中国。
  • 发展现状:经过近 30 年的推广,它已成为包括 广东 在内,从南到北多个沿海省份的主要养殖贝类之一,养殖面积近百万亩,年产值达数十亿元。(意思即是,很抵很好食😄)

💡 它在广东的两个“马甲”​

在广东,你可能很少听人叫它“圆蛤”或“Quahog”,渔民和商贩们更常用下面这些俗称:

  • 美贝
  • 美国红
  • 美洲帘蛤

😋那怎么做比较好吃呢?​

-🔥烧烤: 直接扔进去锅里面,不加水盖上干烤。它会自己打开,用自己饱满的汤汁去煮熟自己(毕竟它的水分含量高达不知道多少反正很多),撒点黑胡椒。
-💧水煮: 用来煮汤也是很好的,能直接代替盐,本身就很咸了。
(它本身就是一个谷氨酸钠.zip,怎么做都好吃,只要你不痛风的话)

[干烤圆蛤.webp](发挥想象力)

⚠️食品安全以及注意事项​

-但凡一丝丝味道不对劲都切忌食用(海鲜产品内涵大量氨基酸会迅速腐败,哪怕冷藏,最多3天就会发臭。)
-高血压和痛风患者也不建议食用(谁让你高血压呢😂)

大便化与薅羊毛

· 阅读需 5 分钟

科利·多克托罗(Cory Doctorow)2023年出版的这本书,全名是《The Internet Con: How to Seize the Means of Computation》(中文暂译《互联网骗局:如何夺取计算手段》)。

它的核心内容可以用一句话概括:互联网平台如何一步步变烂,以及我们普通人能怎么“拆掉”它们。

书里主要讲了这四件事:

  1. 什么是“大便化”(enshittification) 多克托罗把这个过程拆解成三个阶段,非常精准:
    第一阶段:平台讨好用户(给你免费、好用、无广告的服务,吸引你留下来)。
    第二阶段:用户成了“人质”后,平台开始虐待用户,转而讨好商家/广告商(比如提高抽成、强制投广告)。
    第三阶段:用户和商家都被锁死了,平台开始虐待所有人,把利益全归自己。
    他举的例子包括:亚马逊搜索结果变广告、谷歌搜索质量下降、Uber涨价司机收入却变少、社交媒体推给你不想看的内容……这些都是“大便化”的表现。
  2. 为什么平台敢这么干? 因为转换成本太高。你所有的数据、社交关系、内容都锁在平台里,离开的成本太高,所以平台可以为所欲为。这种“锁死”是平台变烂的根源。
  3. 怎么对抗“大便化”? 书的核心不是“抱怨”,而是“解决方案”。多克托罗提出了几条实际路径:
    🔗-强制互操作性(Interoperability):比如让用户能把自己的数据(社交关系、购物记录、评论)从一个平台搬到另一个,就像转网一样。
    🌐-支持去中心化协议:比如你可以做的——用个人网站、RSS、本地模型,而不是依赖某一家公司。
    ⚖️-用监管打破垄断:比如《数字市场法案》(DMA)这类法规,强制平台开放接口。国内则是《互联网平台反垄断合规指引》。
  4. 个人能做什么? 书的给普通人的建议,其中包括:
    🌍-拥有自己的域名和网站(快行动起来🥢)。
    📡-用RSS而不是算法推荐(很爽的😄)。
    💻-支持开源软件和去中心化项目(不再担心盗版PS出海被告,对不起暂时不行)。

“薅羊毛”和“Enshittification”,恰好是同一枚硬币的两面。 平台那面叫“Enshittification”:平台在设计一套规则,让用户和商家在不知不觉中让渡更多利益。 用户这面叫“薅羊毛”:既然规则是这么设计的,那我就在规则允许的范围内,找对自己最有利的玩法。

我们已经被训练成一种“博弈心态” 不再期待平台是“好人”,而是默认它一定会“使坏”。 所以我们的行为也变了:“能薅就薅,薅不到就换,换不了就忍”。这变成了一种生存策略。

这种“默认常态”是怎么形成的?
-早期互联网:是一种“田园时代”,大家默认平台是工具、是朋友。
-平台成熟后:用户逐渐发现,自己不是“用户”,而是“产品”或“资源”。
-现在的状态:双方都心知肚明——平台在算计用户,用户也在算计平台。信任感被磨损掉了,剩下的是纯粹的博弈关系。


其实我们在吃饭层面也体验过不止一遍​

大陆互联网用户对“平台大战”的记忆,比港澳、台湾地区和欧美用户要深刻得多,也直接塑造了我们对平台的集体心态。

我们算是被教育过不止一次了,2010年代初那场惨烈的“千团大战”和之后的补贴大战。那是大陆互联网特有的“饱和式竞争”:
-🎟️千团大战:几千家团购网站同时存在,疯狂烧钱补贴,最后只剩美团一家。用户第一次体验到“平台也会死,补贴也会停”。
-🚕打车大战:滴滴和快的补贴打到白热化,用户用几块钱甚至免费打车。合并后补贴消失,价格涨回来。
-🍱外卖大战:美团、饿了么、百度外卖补贴打到用户“吃外卖比自己做还便宜”。合并后,配送费、打包费开始悄悄加上去。
-🚲共享单车大战:ofo、摩拜、哈啰等疯狂投放,押金退款难、车辆成垃圾山。用户押金被套牢,第一次体验到“平台也会跑路”。
(引用自我本人,没错,我说的。)

这些“大战”有一个共同模式: 先用补贴培养用户习惯(用户觉得“这平台真好”)。 然后合并/淘汰(只剩一两家)。 最后“收割”(涨价、降质、加规则)。 所以,大陆用户被训练出了一种“生存智慧” “薅羊毛”心态:我们知道补贴不会持续,所以趁有就赶紧薅。 “不信任”心态:我们知道平台最终会变差,所以不做长期绑定。(或许吧,事实上也没其他选择了👋)


所以,行有余力的情况下,架设一个自己的网站很有必要,尤其在起步阶段,弄个hugo(不要害怕,这在2026今天随便问那个ai大模型都能教你安装,除了豆包 ),学写markdown大概能用一辈子。

诚实地告诉你:这个文章很多材料都是我从ai摘录的,不过每一句都是我想说的😄

饮食几则,两则

· 阅读需 1 分钟

煮燶飯​

是日作書,人機交互,字字斟酌,釜鑊沸炭,是為燶飯。焦苦繞樑,反覆穿梭,門戶大開,不得消散。飯苦否?還好吧😅

酸瓜赋​

酸瓜還冒泡,起落膠瓶中。瓜片並皮芽,青綠化玉黃。童子不愛食,老子如壽膏。今夜多作弄,明月又得嘗。

七月记上半

· 阅读需 2 分钟

七月过半,看看自己这半个月做了什么👀

blogblog​

写了好多blog,一天平均两篇,半个月十五篇其实挺吓人,虽然很多是废话,但都有自己地盘了,说废话也挺好。 也给blogblog同乐会写了一篇,不过暂时没有收录就是了(可能是我的笑话回路太高级😄)

技术面向​

学了好几种md语法,比如别理我快来看 。
我很聪明谦虚。 还有’这个’和 那个(模糊)

RSS​

我在本地部署了FreshRss,对于新手来说算是很厉害,成就感满满了👍 接下来可以再搞FFfemp(先休息一下) 接入了几个rss,看看我之后增加blogroll页面的时候会放进去。

绘画​

本职工作在这个月反而放下了,就画了几张,随着blog和本地工具部署好,可以更好投入图像创作了。

音乐​

目前还是直录,没有时间精力搞环境,stable audio3也因为显卡驱动太旧用不了,不过不是优先项。

另外的​

有点想手搓html做个y2k或者80s dos and crt风格的网页 —-

估计这个月是我近十年时间体感经过最快的一个月了,或者这是充实的开始😄

人间滋味🍗

· 阅读需 3 分钟

夜里失眠,读汪曾祺《人间滋味》,形成记忆。

结构如下:

食材或食物​

一顿瞎吹有感而发

食材或食物​

一顿瞎吹有感而发 ……

早上起床,饮早茶,直落,排便,梳洗,有所灵光,仿作如下。(排名不分先后)

-腐皮卷: 馅料随便,猪肉、虾仁、韭黄、冬菇,卷进腐皮里,煎了或蒸了,就是一味。腐皮本身味道不重,但它能吸汁,能把别人的味道拿来,变成自己的。北冥神功,吸星大法,跟我一样。

-叉烧酥: 顾名思义,叉烧包裹上油酥,刷上蜜汁。烘烤,其实是西饼costa。酱叉烧可以用于此酥也能作叉烧包,油酥是改良的现代饼酥,好吃,有层次,有咬口。经典的猪油酥太粉,我不爱吃。

-艇仔粥: 艇仔粥从前是在小艇上卖的,珠江边,夜里,一碗粥,几片鱼,一把花生。现在艇仔粥不在艇上了,在茶楼里,但名字还在。粥底要绵,绵米粥,毋米粥。配料有鱼片、鱿鱼、猪肚、花生、油条,还可以有叉烧丝和烧鸭碎,加上这两个更好吃。粥这东西,是最民主的食物——什么东西都可以往里放,放进去都不违和。

-鸭扎: 鸭扎这东西,边角料,好好味。鸭肠、鸭肝、鸭心、芋条,拿鸭肠扎成一捆,蒸熟,浇上酱汁。看起来像是没时间做饭的人随便捆的,吃起来却层层叠叠,从肠的韧到肝的嫩,再到芋头的粉糯,水调歌头,渔歌晚唱。 亦有其他变种的扎,鸡扎,鱼扎,花扎,人扎(你要是愿意的话)

-猪肝烧卖: 北方的烧卖包羊肉,穷酸点就包饭。广州的烧卖包猪肉,但猪肝烧卖是个异类。一片猪肝盖在肉馅上,蒸出来,猪肝是粉的,肉馅是弹的,两口并作一口,哪怕蒸过头了,蒸到肝硬化了,也还是好吃。

-糖沙翁: 糖沙翁这东西,像是炸过的泡芙,又像是甜的油条,总之是不中不西、不伦不类。但好吃。外层是糖霜,咬下去沙沙响,里层是蛋糊,绵软得像云。据说它是从西洋“Soufflé”来的,到了广东,改头换面,落地生根,变成了早茶桌上最不起眼的甜点。没人会专门为糖沙翁去喝茶,但它要是没有了,又觉得少了点什么。

牛肉丸、虾饺、皮蛋酥、牛仔骨,这几样我不打算写了。

纠结、绕远路、黑洞效应

· 阅读需 2 分钟

收敛一点,正经一些。 我其实很容易进入一种过度内省的状态,说一句话我会跟自己辩论六次。你或许会说:这样不累吗?我也觉得,不过这是被动技能,关闭不能。 一个外部情景接入我的感受终端的时候通常亦会无限反射(你们看,我又说怪话了)。

或者说,我这类情况叫很会斟酌。 来个很硬的转折,我来讲讲纠结:纠结 gau² git³,汉语词汇,本来习惯上应该读纠结 jiū jié ,形容人非常地纠结。你看,这就是纠结。

这就会导致我常在怀疑自己是不是’ 绕远路’以及’怀疑怀疑自己绕远路‘,如下情况: 我今日(或许是前天,总之是某一天)用三小时完成了FreshRss的安装,中间因为缺乏相关知识而绕了不少远路,比如没意识到可以用docker而转用php方式安装,无知而被ai戏耍,这已经不是我第一次被ai戏耍了,估计未来还有无数次。

你看,这就是绕远路。然后我还会复盘为什么没有发现更好更高效的方式呢?最后,当然会被我的大脑消解成:这不倒很正常吗?你盲开地图喔😯多做多积累就会了。

然后又思考为什么我怀疑自己。你看,这就是怀疑自己绕远路。多么纠结。

黑洞效应则是另一种情况,跟前面说的有关系,但不是全部关系。 ……