HackerNews中文版

- 我每天早上阅读 2 页 HN，晚上再读 2 页，这样已经持续了好几年。 - 最近我注意到，前两页上的大多数内容都是关于 AI 的，这个、那个，LLM 这个、LLM 那个，模型这里，模型那里。 - 今天我打算打破这种趋势，分享我在过去十年中收集的 50000 多个书签中最好的 HN 资源。 - 我有一套自己的书签整理流程。 - 最具视觉效果的解释会被评为 S 级。 - 来自知名来源的好信息会获得 A 级，非知名来源则为 B 级。 - 意见博客则处于最低层次，可能被评为 C、D、E，甚至 F，具体取决于质量。 - 下面是我的 S 级资源列表： - 动画解释变压器如何工作 [链接](https://poloclub.github.io/transformer-explainer/) - K-means 聚类算法的视觉介绍 [链接](https://k-means-explorable.vercel.app/) - 视觉 LLM 的 3D 动画介绍 [链接](https://blog.mdturp.ch/posts/2024-04-05-visual_guide_to_vision_transformer.html) - 机器学习的动画介绍 [链接](https://r2d3.us/visual-intro-to-machine-learning-part-1/) - 数学中的概率动画介绍 [链接](https://seeing-theory.brown.edu/basic-probability/index.html) - 从零开始逐步构建 3D 世界的动画 [链接](https://aibodh.com/posts/bevy-tutorial-build-your-first-3d-editor-in-rust/) - 可视化算法 [链接](https://algorithm-visualizer.org/) - 请求从浏览器到服务器的动画逐步序列 [链接](https://200ms.thenodebook.com/#act-1-the-click) - 内燃机内部工作原理的视觉介绍 [链接](https://ciechanow.ski/internal-combustion-engine/) - 3D 实时机器人代码模拟器 [链接](https://bittlex-sim.petoi.com/) - 动画解释：椭圆曲线密码学 [链接](https://growingswe.com/blog/elliptic-curve-cryptography) - 速率限制算法可视化 [链接](https://smudge.ai/blog/ratelimit-algorithms) - 图形管线的视觉介绍 [链接](https://fremaconsulting.ch/blog/vulkan) - 动画解释如何从零构建 ReactJS [链接](https://pomb.us/build-your-own-react/) - 迷你游戏：如何从基本门构建整个 CPU [链接](https://select.supply/game/chipbuilder) - 从零开始组装神经网络 [链接](https://graphgame.sabrina.dev/) - 3D 可视化：重力如何工作 [链接](https://qunabu.github.io/Gravity/#what-is-gravity) - 迷你游戏：CSS 网格如何工作 [链接](https://cssgridgarden.com/) - 线性代数、向量等的动画数学书 [链接](https://immersivemath.com/ila/index.html) - 动画解释：FAISS 向量搜索如何工作 [链接](https://fremaconsulting.ch/blog/faiss) - 从零开始构建健康可穿戴设备的 3D 动画 [链接](https://www.lumafield.com/scan-of-the-month/health-wearables) - 半导体制造过程的 3D 动画 [链接](https://ig.ft.com/microchips/) - 迷你游戏：Git 如何工作 [链接](https://learngitbranching.js.org/) - 迷你游戏：从零开始学习 SQL [链接](https://sqlpd.com/) - 另一个迷你游戏：SQL [链接](https://lost-at-sql.therobinlord.com/) - 动画解释颜色、屏幕、图形、渲染、着色器、编译器和解释器的工作原理 [链接](https://www.makingsoftware.com/) - 动画解释网络七层协议栈的内部工作原理 [链接](https://fazamhd.com/mental-models/networking/) - 动画解释线性与逻辑回归、神经网络、机器学习 [链接](https://mlu-explain.github.io/) - 3D 解释碰撞检测、着色器、渲染、剔除和游戏开发相关内容 [链接](https://krupitskas.com/posts/modern_culling_techniques/) - 3D 动画和每个身体锻炼的解释 [链接](https://musclewiki.com/) - 迷你游戏：从零开始构建 NVIDIA GPU [链接](https://jaso1024.com/mvidia/) - 动画解释神经网络的前向和反向传播 [链接](https://aegeorge42.github.io/) - 还有很多很多其他资源，我今天有点累了，不想再打字了。 - 不管怎样，前面那些充斥着 AI 观点的帖子够多了，给 HN 来点不同的东西吧！

查看原文

- Everyday I read 2 pages of HN in the morning and 2 in the evening for years now- Of late, I noticed that most of the stuff on the 1st 2 pages is AI this, AI that, LLM this, LLM that, model here, model there- Today I am going to attempt to break that trend by sharing the greatest resources on HN from my collection of 50000+ bookmarks over the last decade- I have a process on my end for bookmarking- The most visual explainers get S-Tier ranking- Good info from reputed sources gets an A, non reputed gets B- Opinion blogs are at the bottom of the barrel and maybe ranked C, D, E and even F depending on quality- Here's my S-Tier list- Animated explanation of how transformers work https://poloclub.github.io/transformer-explainer/- Visual intro to K-means clustering algorithm https://k-means-explorable.vercel.app/- Animated 3D intro to vision LLMs https://blog.mdturp.ch/posts/2024-04-05-visual_guide_to_vision_transformer.html- Animated intro to machine learning https://r2d3.us/visual-intro-to-machine-learning-part-1/- Animated intro to probability in math https://seeing-theory.brown.edu/basic-probability/index.html- Building a 3D world from scratch in step by step animated manner https://aibodh.com/posts/bevy-tutorial-build-your-first-3d-editor-in-rust/- Visualize algorithms https://algorithm-visualizer.org/- Animated step by step sequence of how a request goes from your browser to the server https://200ms.thenodebook.com/#act-1-the-click- Visual intro to the inner workings of a combustion engine https://ciechanow.ski/internal-combustion-engine/- 3D real time robotics code simulator https://bittlex-sim.petoi.com/- Animated explainer: Elliptic curve cryptography https://growingswe.com/blog/elliptic-curve-cryptography- Rate limiting algorithms visualized https://smudge.ai/blog/ratelimit-algorithms- Visual intro to the graphics pipeline! https://fremaconsulting.ch/blog/vulkan- Animated explanation of how to build ReactJS from scratch! https://pomb.us/build-your-own-react/- Mini game: How to build an entire CPU starting from a basic gate https://select.supply/game/chipbuilder- Assemble a neural network from scratch https://graphgame.sabrina.dev/- 3D visualization: how gravity works https://qunabu.github.io/Gravity/#what-is-gravity- Mini game: how css grid works https://cssgridgarden.com/- Animated math book for linear algebra, vectors etc https://immersivemath.com/ila/index.html- Animated explainer: How FAISS vector search works https://fremaconsulting.ch/blog/faiss- 3D animation of how to build a health wearable from scratch https://www.lumafield.com/scan-of-the-month/health-wearables- 3D animation of how semiconductor manufacturing works https://ig.ft.com/microchips/- Mini game: how git works https://learngitbranching.js.org/- Mini game: SQL from scratch https://sqlpd.com/- Another mini game: SQL https://lost-at-sql.therobinlord.com/- Animated explainers showing how colors, screens, graphics, rendering, shaders, compilers, interpreters work https://www.makingsoftware.com/- Animated explainer shows how networking 7 layer stack works inside out https://fazamhd.com/mental-models/networking/- Animated explainers for linear & logistic regression, neural networks, machine learning https://mlu-explain.github.io/- 3D explanation of collision detection, shaders, rendering, culling and gamedev related stuff https://krupitskas.com/posts/modern_culling_techniques/- 3D animation and explanation of every exercise on the body https://musclewiki.com/- Mini game: build an nvidia gpu from scratch https://jaso1024.com/mvidia/- Animated explanation of forward & back propagation of neural networks https://aegeorge42.github.io/- There are many many many more, I am getting a little tired of typing for today- Anyways enough of those AI opinion posts flooding the front page, take that HN!

在过去十年里，我每天阅读HN两次。以下是我认为的S级HN链接列表。